JavaScript forループでランダムな画像を取得

Question

私は、テキストフィールド上に複数の画像を作成するforループを作成しました。

など。私はテキストフィールドに "23"とタイプし、ボタンをクリックすると画面にランダムに配置された23の画像が表示されます。

for(i=0; i < box2; i++) { 

    this.y = Math.floor(Math.random() * 100) + 1; 
    this.x = Math.floor(Math.random() * 100) + 1; 

    this.img = document.createElement("img"); 
    this.img.src = sourceArray[num]; 
    this.img.setAttribute("height", "100px"); 
    this.img.style.position = "absolute"; 
    this.img.style.top = this.y + "vh"; 
    this.img.style.left = this.x + "vw"; 
    this.img.addEventListener("click", Remove); 

    document.getElementById("bildausgabe").appendChild(this.img); 

} 

は、私はまた、すでに正常に動作し、1〜3のうちランダムに画像を選択するための配列を持っているが、それはすべての画像のための3の表示のみ1になります。リロードすると、リストから別のものが選択されます。

var sourceArray = ["strand.jpg","weg.jpg","haengematte.jpg"]; 
var num = Math.floor(Math.random() * 3); 

どのように3つの画像をランダムに表示するように変更できますか？

私は "12"とタイプし、ボタンをクリックして、与えられた3つのソースからランダムに12個の画像を取得します。

Answer 1

あなたは、ループ内で

var num = Math.floor(Math.random() * 3); 

行を置く必要があります。