Javascript 单击后删除Cookie Clicker图像_Javascript_Html_Function_Cookies

Javascript 单击后删除Cookie Clicker图像

javascript html function cookies

Javascript 单击后删除Cookie Clicker图像,javascript,html,function,cookies,Javascript,Html,Function,Cookies,我正在尝试制作一个cookieclicker游戏，当我点击一个Cookie图像时，它会给一个分数变量加1。每次我点击cookie，它都会删除图像。有人能给我解释一下这个问题，以及如何解决它吗 <!DOCTYPE html> <html> <head> <title>Cookie Clickers</title> <script> function myFunction() {

我正在尝试制作一个cookieclicker游戏，当我点击一个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>


饼干点击器
函数myFunction（）{
var得分=0；
分数++；
文件。书写（分数）；
}

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

如果您想做的只是错误检查您的score变量是否确实在增加，我建议您使用console.log（score）。这将把分数值打印到控制台，您可以通过右键单击并选择“检查元素”，然后选择“控制台”选项卡查看控制台，在浏览器上找到该值。（这适用于Chrome和Firefox，我不确定是否适用于其他浏览器）

如果您确实希望在页面上更新分数，我将创建一个id为“score”的元素，然后在myFunction（）中使用element=getElementById（“score”），然后使用element.innerHTML=score。

在页面加载完成后，您不能使用

文档。编写。这是你的问题，可能是重复的好的。那么这个元素是不是类似于？这样就行了。但是您可能想告诉用户该值是多少，这样您就可以创建一个简单的分数：0。这将使以后的样式设置更容易。即使大多数浏览器会自动关闭您的元素（即为您的或添加给您的），但明确地包含这些元素是一种很好的风格。我对Javascript非常陌生，我很抱歉所有的问题。但是在myFunction（）中，element=getElementById（“score”）中的元素是否表示您选择将id=“score”放入的元素？因此，如果我选择使用元素，我会编写p=getElementbyId（“score”）？首先，让我们来教你钓鱼。这是一个很好的起点。其次，对于您的问题，Javascript可以使用getElementByID（）等方法访问HTML元素，并可以将它们分配给变量。因此，如果您在HTML中创建
，然后Javascript显示element=getElementByID（“score”），则element是一个Javascript对象，表示HTML中的元素。这允许您使用JS操作HTML。剩下的，我让你自己去发现。祝你好运谢谢你抽出时间！你帮了很多忙。：）我将把这个问题标为已回答。再次感谢。