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

Question

我正在制作一个简单的数学游戏。当您选择开始按钮时，会出现三张随机门票，所有门票都包含不同的方程式，并且会出现随机价格。玩家必须选择与价格相等的正确数学方程。

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

我将方程式作为图像，即它们就像里面有 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';
}