萌新提问 - javascript吧

level 3

死肥宅T 楼主

求问大佬们，怎么通过js自动生成图里这段比较重复的东西

2022年04月30日 22点04分 1

level 3

死肥宅T 楼主

2022年04月30日 22点04分 2

level 12

丶影-奈斯

const html = `
<div id="puzzlearea">
${[...Array(15)].map((_, i) => `
<div class="tuile">
<img src="img/0${i}.jpg" />
<span class="number">${i}</span>
</div>
`).join('')}
<div class="no_see"></div>
</div>
`;

2022年05月01日 04点05分 3

死肥宅T

谢谢大佬，不过好像运行不起，是不是前面要写个i的循环 [泪]

2022年05月01日 08点05分

丶影-奈斯

@死肥宅T 怎么运行不起？

2022年05月01日 08点05分

死肥宅T

@丶影-奈斯我把这段代码放在js第一排，就照着打了 [泪]

但是一张图片都没有加载出来

2022年05月01日 08点05分

丶影-奈斯

@死肥宅T 截图

2022年05月01日 08点05分

level 3

死肥宅T 楼主

2022年05月01日 08点05分 4

level 12

丶影-奈斯

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>javascript</title>
</head>
<body>
<script>
const html = `
<div id="puzzlearea">
${[...Array(15)].map((_, i) => `
<div class="tuile">
<img src="img/0${i}.jpg" />
<span class="number">${i}</span>
</div>
`).join('')}
<div class="no_see"></div>
</div>
`;
document.write(html);
</script>
</body>
</html>

2022年05月01日 08点05分 5

死肥宅T

我把这段代码丢在js里是不是不行，图片还是没有加载出来 [泪]