从我的javascript脚本更新index.HTML中的var

时间:2016-11-01 01:55:57

标签: javascript html

因此,当我不熟悉编码时,我决定制作一条蛇"游戏。对于那些不知道你是一条蛇的人来说,你会在网格上随意出现随机食物。当你吃食物时,你的尾巴会变得越来越长,而你却无法撞到墙壁或自己。它运作良好,我很自豪,但在尝试为游戏添加记分牌时,我已经迷失了。在我的index.HTML我添加了一个DIV和一个变量使用,它在屏幕上显示很好。我无法弄清楚如何做的是如何从javascript更改得分的变量。我的直觉是去我所拥有的代码#34;当你吃食物时,你变得更长了#34;并添加"也改变分数"但是id需要更新index.HTML来做到这一点。我将变量命名为#34; scoreVar"在我的index.HTML和javascript中,我尝试了document.getElementById(scoreVar).innerHTML并尝试将分数更新为1,但它不起作用。我问人们并在网上搜索但没有出现。请HELPPPPP !!谢谢! :d

1 个答案:

答案 0 :(得分:0)

如果在函数之外声明变量,则这些变量是全局变量,您可以通过其名称从任何位置进行访问。考虑这个简单的例子。

一个html文件

<html>
  <head>
    <script>
      var myCounter = 0;
    </script>
    <script src="file.js"/></script>
  </head>
  <body>
    <div>Hello World!</div>
    <button onclick="alert(myCounter);">Show counter value</button>
    <button onclick="IncreaseCounter();">Increase counter value</button>
  </body>
</html>

引用的file.js

function IncreaseCounter()
{
    myCounter++;
}
相关问题