javascript - 图像系列栏

Question

例如，我有硬币的图像。

我想给出一个从 0 到示例 20 的值。

0: no coin
1: to one coin
2: 2 coin etc
20: 20 coin

6 个硬币的集合应该如下所示:

我怎样才能实现这个目标？

Answer 1

如果你更喜欢纯 JS:

var maxI = Math.floor(Math.random() * (21 - 1)) + 1;
var marginCoins = 0;
var coin = [];
for (var i = 0; i < maxI; i++) {
 coin[i] = document.createElement('img');
 coin[i].src = 'http://placehold.it/75x75';
 coin[i].style.position = 'fixed';
 coin[i].style.top = marginCoins+'px';
 coin[i].style.height = '75px';
 coin[i].style.border = '1px solid black';
 document.body.appendChild(coin[i]);
 marginCoins += 45;
}