当用户点击图片时,我正尝试使用以下代码将变量“current”写入div“bank”:
document.getElementById('bank').innerHTML = current
根据我的研究,这应该有效,但事实并非如此。这是我的代码:
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/default.css">
<script>
var current = 0;
var totalThisGame = 0;
function onButtonClick
{
current = current +1;
totalThisGame = totalThisGame +1;
document.getElementById('bank').innerHTML = current;
}
</script>
</head>
<body>
<div id="left">
<div id="bank">
</div>
<img id="image" src="img/image.png" alt="image" onclick=onButtonClick();>
</div>
<div id="middle">
</div>
<div id="right">
</div>
</body>
</html>
答案 0 :(得分:4)
你错过了函数背后的()
function onButtonClick()
{
current = current +1;
totalThisGame = totalThisGame +1;
document.getElementById('bank').innerHTML = current;
}
你的代码对我来说很好
答案 1 :(得分:1)
错误强>
change function onButtonClick -> function onButtonClick()
<img id="image" src="img/image.png" alt="image" onclick=onButtonClick();> to
<img id="image" src="img/image.png" alt="image" onclick="onButtonClick();">
答案 2 :(得分:0)
尝试:
<img id="image" src="img/image.png" alt="image" onclick="onButtonClick();">
答案 3 :(得分:0)
您的功能定义不明确。它应该是function onButtonClick()
而不是function onButtonClick
。然后使用该HTML代码:<img id="image" src="img/image.png" alt="image" onclick="onButtonClick();">
答案 4 :(得分:0)
你忘了功能括号
function onButtonClick()
{
current = current +1;
totalThisGame = totalThisGame +1;
document.getElementById('bank').innerHTML = current;
}
答案 5 :(得分:0)
银行必须使用双引号: document.getElementById(“bank”)。innerHTML = current;
答案 6 :(得分:0)
始终在双引号内的html中使用任何事件的任何函数。试试这个
答案 7 :(得分:0)
你应该阅读控制台消息,你会注意到你的功能很奇怪。 注意括号。
function onButtonClick
{
变为
function onButtonClick()
{
答案 8 :(得分:0)
更改
function onButtonClick to function onButtonClick()
<img id="image" src="img/image.png" alt="image" onclick=onButtonClick();>
到
<img id="image" src="img/image.png" alt="image" onclick="onButtonClick();">
如果将javascript放在正文结束标记之前或使用window.onload方法
会更好