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

} 

나는 이미 잘 작동 한 3 중 무작위 이미지를 선택하기 위해 배열을 가지고 있지만, 그것은 모든 이미지에 대한 3의 표시 일 것이다. 내가 다시로드하면 목록에서 다른 하나를 선택합니다.

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

줄을 추가해야한다.