选择按钮时如何使每个图像都不同，不应出现两个相同的图像

Question

我正在制作一个简单的数学游戏。当您 select 开始按钮时，应该会出现三张随机票，它们都包含不同的方程式，并且会出现一个随机价格。玩家必须 select 等于价格的正确数学方程式。

我的开始按钮在随机价格和随机方程式出现的地方工作，我的问题是，所有三个方程式都相同，我希望每一个都不同。

我有图像形式的方程式，例如，它们就像里面有 3+4 的票。

我无法让每个图像都不同，我只有三个不同的方程式。

这是我目前为止对这部分的 javascript：

function start(){
    comp = Math.floor(Math.random()*3)+1;   
    document.getElementById('speechbubble1').src = 'bubble/price' +comp+ '.gif';
    document.getElementById("tktbtn1").disabled= false;
    document.getElementById("tktbtn2").disabled= false;
    document.getElementById("tktbtn3").disabled= false;
    document.getElementById("resetscore").disabled= false;
    document.getElementById('equation1').src = 'tickets/maths' +comp+ '.gif';
    document.getElementById('equation2').src = 'tickets/maths' +comp+ '.gif';
    document.getElementById('equation3').src = 'tickets/maths' +comp+ '.gif';
}

我将不胜感激任何帮助或任何形式的指导，以了解如何做到这一点

Answer 1

可能是这样的：

function random_number(){
    comp = Math.floor(Math.random()*3)+1; 
    return comp;
}

function start(){

    document.getElementById('speechbubble1').src = 'bubble/price' +random_number()+ '.gif';
    document.getElementById("tktbtn1").disabled= false;
    document.getElementById("tktbtn2").disabled= false;
    document.getElementById("tktbtn3").disabled= false;
    document.getElementById("resetscore").disabled= false;
    document.getElementById('equation1').src = 'tickets/maths' +random_number()+ '.gif';
    document.getElementById('equation2').src = 'tickets/maths' +random_number()+ '.gif';
    document.getElementById('equation3').src = 'tickets/maths' +random_number()+ '.gif';
}

Answer 2

方程式图像没有不同，因为您对所有方程式使用相同的随机数，例如，如果生成并分配给 comp 的随机数是 2。您正在将第二张图像分配给所有 3 个方程式。您需要将其更改为如下所示或提到的

function start(){  
    document.getElementById('speechbubble1').src = 'bubble/price' +(Math.floor(Math.random()*3)+1)+ '.gif';
    document.getElementById("tktbtn1").disabled= false;
    document.getElementById("tktbtn2").disabled= false;
    document.getElementById("tktbtn3").disabled= false;
    document.getElementById("resetscore").disabled= false;
    document.getElementById('equation1').src = 'tickets/maths' +(Math.floor(Math.random()*3)+1)+ '.gif';
    document.getElementById('equation2').src = 'tickets/maths' +(Math.floor(Math.random()*3)+1)+ '.gif';
    document.getElementById('equation3').src = 'tickets/maths' +(Math.floor(Math.random()*3)+1)+ '.gif';
}

如果您想要随机 select 三张图片并确保它们不同，最好有 3 张以上的图片。如果只有三张图片，那么确保所有三张图片都不同的最佳方法是直接分配它们，而不是使用如下所示的随机函数

function start(){  
        comp = Math.floor(Math.random()*3)+1;   
        document.getElementById('speechbubble1').src = 'bubble/price' + comp + '.gif';
        document.getElementById("tktbtn1").disabled= false;
        document.getElementById("tktbtn2").disabled= false;
        document.getElementById("tktbtn3").disabled= false;
        document.getElementById("resetscore").disabled= false;
        document.getElementById('equation1').src = 'tickets/maths1.gif';
        document.getElementById('equation2').src = 'tickets/maths2.gif';
        document.getElementById('equation3').src = 'tickets/maths3.gif';
}

选择按钮时如何使每个图像都不同，不应出现两个相同的图像

How to get every image to be different when button is selected, no two same images should appear

javascript

random