Question

的js

//Called when application is started.
function OnStart()
{
// Set counter default to zero
var $counter = 0;

function increase()
{
$counter++;
return false;
 }};

HTML

 <div id="counter">0</div>

<img src="Chop.png" alt="some_text" id="chopper">
<img src="monster1.png" alt="mon" id="monster1">
<img src="shot.png" alt="bang" id="shot">

<button type="button" class="btn btn-danger btn-circle" id="fire" onClick="counter++;"><p>123</p>

我只是想尝试制作一个基本的增量按钮，因为没有错误信息出现，所以无法查看出现了什么问题。

我基本上想要制作一个非常基本的html游戏，你可以使用一个按钮来开火，因此从怪物生活中获取-1 ......

由于

Answer 1

要使用ID“counter”更改div的内容，您必须致电document.getElementById("counter").innerHTML = <new_value>

<script>
function onStart() 
{ 
    counter = 0; 
} 

function increase() 
{ 
    counter++; 
    document.getElementById("counter").innerHTML = counter; 
}  
</script> 

<div id="counter">0</div> 

<img src="Chop.png" alt="some_text" id="chopper"> 
<img src="monster1.png" alt="mon" id="monster1">
<img src="shot.png" alt="bang" id="shot"> 

<button type="button" class="btn btn-danger btn-circle" id="fire" onclick="increase();"><p>123</p>

增量按钮不起作用

1 个答案: