JavaScript Erhalten Sie ein zufälliges Bild in einer for-Schleife

Question

Also habe ich eine for-Schleife erstellt, die eine Anzahl von Bildern erstellt (auf einem Textfeld).

z. Ich gebe "23" in das Textfeld ein und auf Knopfdruck werden 23 Bilder angezeigt, die zufällig auf dem Bildschirm platziert werden.

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); 

} 

Ich habe auch schon eine Reihe 1 von 3 zufällige Bilder auszuwählen, die gut funktioniert, aber es zeigt nur 1 der 3 für alle Bilder. Wenn ich es neu lade, wird es ein anderes aus der Liste auswählen.

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

Wie kann ich es ändern, dass es alle 3 Bilder zufällig anzeigt?

z.B. Ich gebe "12" ein, klicke auf den Button und erhalte 12 Bilder zufällig aus den 3 Quellen.

Answer 1

Sie sollten die in der Schleife

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

Spiel setzen.