Question

我正在尝试制作Cookie Clicker游戏，当我点击Cookie的图像时，它会将1添加到分数变量中。每次我点击cookie，它都会删除图像。任何人都可以向我解释这个问题，以及如何解决这个问题？

<!DOCTYPE html>
<html>
<head>
    <title>Cookie Clickers</title>
    <script>
        function myFunction() {
            var score = 0;
            score++;
            document.write(score);
        }

    </script>
</head>
<body>
    <img src="cookie.jpg" id="cookie" onclick="myFunction()">
</body>
</html>

Answer 1

document.write（）将覆盖整个文档。因此，当你执行document.write（score）时，你的img元素就会消失。

如果你想要做的就是错误检查你的得分变量实际上是在增加，我会建议你使用console.log（得分）。这将打印分数值到控制台，您可以在浏览器上找到右键并选择＆＃34; Inspect Element＆＃34;然后选择＆＃34; Console＆＃34;选项卡以查看控制台。（这适用于Chrome和Firefox，我在其他浏览器上也不确定。）

如果你真的希望得分在页面上更新，我会创建一个id =＆＃34;得分＆＃34;的元素，然后在你的myFunction（）中，我会使用element = getElementById（＆＃ 34;得分＆＃34;）然后是element.innerHTML =得分。

点击后删除Cookie Clicker图像

1 个答案: