JavaScript在for循環中獲取一個隨機圖像

Question

所以我創建了一個for循環，它創建（確定文本字段）一些圖像。

E.g.我在文本框中輸入「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); 

線。