我正在制作一个点击游戏,我也使用js,但我试图更改
标签中的文本,由于某种原因它一直没有改变,我认为它也可能是按钮,因为它说当我点击它时 getMoney 没有定义,但我确实定义了它
<!DOCTYPE html>
<html>
<head>
<title>clicker game V0.1</title>
<style>
button {
font-size: 1.1em;
font-weight: bold;
text-transform: uppercase;
padding: 10px 15px;
margin: 20px auto;
color: #ccc;
background-color: #555;
background: -webkit-linear-gradient(#888, #555);
background: linear-gradient(#888, #555);
border: 0 none;
border-radius: 3px;
text-shadow: 0 -1px 0 #000;
box-shadow: 0 1px 0 #666, 0 5px 0 #444, 0 6px 6px rgba(0, 0, 0, 0.6);
cursor: pointer;
}
h1 {
color: #0061ff;
font-weight: bold;
font-family: helvetica;
font-size: 1.75em;
}
body {
background-color: #3d3d3d;
}
.intergers {
position: relative;
}
p {
color: #ffffff;
font-weight: bold;
font-family: helvetica;
font-size: 1.25em;
}
</style>
</head>
<body>
<script>
var money = 0;
var moneyPC = 1;
function getMoney() {
money += moneyPC;
}
setInterval(function shows() {
var mone = document.getElementById("money_show")
document.getElementById("money_show").innerHTML = money;
}, 50)
}
</script>
<h1>Aquire</h1>
<p id="money_show" class="intergers">0</p>
<p>dollars</p>
<button onClick="getMoney()">$$$</button>
<br>
<h1>Upgrade</h1>
</body>
最佳答案
更好地实现相同的内容。
<script>
var money = 0;
var moneyPC = 1;
var moneyshow = document.getElementById("money_show");
function getMoney(){
money += moneyPC;
moneyshow.innerHTML = money;
}
</script>
关于javascript - 我正在制作一个点击游戏,我尝试使用 js 更改 <p> 标记中的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42012794/