Question

当用户点击掷骰子时：

function launch(){ //random images of the dice
    var images = ["images/dice-1.jpg","images/dice-2.jpg","images/dice-3.jpg","images/dice-4.jpg","images/dice-5.jpg","images/dice-6.jpg"];
    var random1 = images[Math.floor(Math.random() * images.length)];
    var random2 = images[Math.floor(Math.random() * images.length)];
    document.getElementById("firstimage").src =random1;
    document.getElementById("secondimage").src =random2;
}

然后，如果骰子是相同的（具有相同的src）我想增加一个单元格中的分数：

var scoreofplayer = 0;

function check(){//check if the dices are the same
    var dice1 = getElementById('firstimage').getAttribute('src');
    var dice2 = getElementById('secondimage').getAttribute('src');  
    if (dice1 == dice2){
        scoreofplayer +=1;
        document.getElementById('scor1').innerHTML=scoreofplayer;
    }
}

HTML：

<table>
  <tr>
    <td>Name</td>
    <td>Score</td>
  </tr>
  <tr>
    <td id="firstname"></td>
    <td id="scor1"></td>
  </tr>
</table>
<button onclick="launch();">Role dice</button>
<div id="zaruri" style="width:450px;height:300px;">
                <img id = "firstimage" src="images/dice-1.jpg" />
                <img id = "secondimage" src="images/dice-1.jpg" />
            </div>

scor1单元格中没有任何内容。我做错了什么？

谢谢！

Answer 1

您尝试在JavaScript中获取ID为score1的元素，但在HTML中有一个ID为scor1的元素。 E缺少了。

你的onclick＆＃39; HTML中的处理程序也调用了您尚未包含的函数numberofclicks();您发布的代码有一个名为check()的函数。

Answer 2

我犯了一个非常愚蠢的错误，也许是因为我累了： getElementById('firstimage').getAttribute('src');应为document.getElementById('firstimage').getAttribute('src');

用javascript保持游戏的得分

2 个答案: