如何用JavaScript制作一个简单的点击游戏?

如何用JavaScript制作一个简单的点击游戏?,javascript,html,css,Javascript,Html,Css,我正在尝试编写我的第一个JavaScript游戏,它将是一个块,你点击它,每次点击它,你得到一分,直到你用完时间。这是我到目前为止所拥有的。。。但是当onclick发生时,积分不会上升 var click=0; 函数hi(){ 单击+=1; } 文件。写入(单击) 页面标题 页面标题 var-click=0; var outOfTime=false; 函数hi(){ 如果(!超时){ 单击+=1; document.getElementById(“score”).innerHTML=单击

我正在尝试编写我的第一个JavaScript游戏,它将是一个块,你点击它,每次点击它,你得到一分,直到你用完时间。这是我到目前为止所拥有的。。。但是当onclick发生时,积分不会上升

var click=0;
函数hi(){
单击+=1;
}
文件。写入(单击)

页面标题

页面标题
var-click=0;
var outOfTime=false;
函数hi(){
如果(!超时){
单击+=1;
document.getElementById(“score”).innerHTML=单击;
}
}
var时间=60//以秒为单位的时间
var timer=setInterval(函数(){
时间--;
document.getElementById(“计时器”).innerHTML=time+s;
如果(时间==0){
清除间隔(计时器);
document.getElementById(“计时器”).innerHTML=“时间到了!”;
outOfTime=true;
}
}, 1000);
剩余时间:
60秒
分数: 0

无论何时更改其值,都不会显示“单击”

var click=0; 
function hi(){
   click+=1;         
   alert(click) // document.write(click); 
}

这将很好地工作

这可能有助于引导您走向最终目标。下面是一个示例,该示例在单击按钮时增加变量,并在页面和警报中显示该变量。还有一个复位按钮。您应该能够使用此示例添加您需要的任何其他功能,使用相同的变量操作原则

var click=0;
var c=document.getElementById(“单击”);
函数hi(){
单击+=1;
警报(“单击=”+单击);
c、 innerHTML=单击;
}
函数重置(){
单击=0;
警报(“单击=”+单击);
c、 innerHTML=单击;
}
添加
重置

0

它不是那样工作的。。您不能只在呈现页面后更改变量值,并希望它在页面中动态更改。您必须在页面上显示
单击
,或者换句话说,更新计数器显示。嗨,Kyle,欢迎使用堆栈溢出。在这里,对于任何问题,通常都会尝试给出正确的答案,而你的问题却没有正确的答案——你可以用无数种不同的方式创建一个简单的点击游戏,没有一个答案可以涵盖所有问题或“最佳”答案,因为不存在这样的方式。我建议您仔细阅读,尤其是教程部分,在掌握了JavaScript语言本身的基础知识之后,还可以阅读JavaScript中的事件处理。另外,不要忘记HTML和CSS;)非常有用,谢谢!我会研究这段代码…但是否有任何方法可以让页面上的点数而不是警报?好吧,是的,只要删除警报。嗨@hev1我研究了这段代码,我了解其中的所有内容,除了设置间隔和括号中提到的“函数”之外。这是在做什么?@Kyle它设置了一个重复函数的间隔(以毫秒为单位)。在这里,它使显示的时间每1000毫秒下降1秒。啊,所以你要为某个函数设置一个间隔,这就是每1秒递减一次时间,直到它达到零!谢谢,我明白了。@Kyle是的,它就是这么做的。