我在制作基本的增量“点击器”游戏时遇到问题 每次我单击按钮时,按钮都会消失,但会弹出分数
index.html
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/interface.css" />
<title>Face Clicker</title>
</head>
<body>
<script type="text/javascript" src="js/main.js"></script>
<span id="faces"/>
<button id="Face" onClick="faceClick(1)"><img src="images/face.png"><p align="center" style="line-height:-200em">Click Me!</p></button>
</body>
</html>
main.js
var faces = 0;
function faceClick(number) {
faces = faces + number;
document.getElementById("faces").innerHTML = faces;
};
最佳答案
var faces = 0;
function faceClick(number) {
faces = faces + number;
document.getElementById("faces").innerHTML = faces;
};
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/interface.css" />
<title>Face Clicker</title>
</head>
<body>
<script type="text/javascript" src="js/main.js"></script>
<span id="faces"> </span>
<button id="Face" onClick="faceClick(1)"><img src="images/face.png"><p align="center" style="line-height:-200em">Click Me!</p></button>
</body>
</html>
已修复。
您忘记关闭<span>
.
您的<span />
不会那样关闭。您需要像这样关闭跨度 <span></span>
关于javascript - 显示分数后按钮消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32805774/