查找剩余索引并将其存储为值

Question

我正在做一个小游戏。您必须在随机杯下找到球。

首先将图像存储在nodeList中。然后根据nodeList的长度随机计算获胜杯。

我的问题：计算winningCup的随机值后，我不知道如何从“图像” nodeList中找到其他两个索引。我该如何计算两个值而不是随机winningCup的值？

我的想法是签发某种支票，但我不确定要检查什么。我的目标是让剩下的两个杯子切换到另一个显示空杯子的'.png'。

window.onload = function() {
    getImages();
}

function getImages() {
    var images = document.getElementsByTagName('img');
    var winningCup = Math.floor(Math.random() * images.length);
 
    var empty1 = Math.floor(Math.random() * images.length);
    var empty2 = Math.floor(Math.random() * images.length);

    if(empty1 || empty2 === winningCup){


    }

    for(var i = 0; i < images.length; i++) {
        images[winningCup].onclick = winCup;
     
    }
    console.log(empty1);
    console.log(empty2)
    console.log(winningCup)
}

function winCup(eventObj){
    var cup = eventObj.target;
    var name = cup.id;
    name = name + 'ball.png';
    cup.src = name; 

    //adds photo of winning cup
}

function losingCups(eventObj){
    var cups = eventObj.target;
    var name = cups.id;
    name = name + 'up.png';
    cups.src = name

    //adds photo of losing cups


}

Answer 1

您只需要随机赢取一个杯子。所有其他人都在输，不是随机的。

function getImages() {
    var images = document.getElementsByTagName("img");
    var winningCup = Math.floor(Math.random() * images.length);
    for (var i = 0; i < images.length; ++i)
        images[i].onclick = i == winningCup ? winCup : losingCups;
}

Answer 2

通过过滤器删除中奖杯号码。

function arrayRemove(arr, value) { 
return arr.filter(function(ele){ 
return ele != value; 
});}

var losingCups = arrayRemove(array, winningCup);