我试着做一个简单的点击游戏,你试图通过点击一个按钮来赚钱。我想要一个升级按钮成为可见后,你有10美元。
以下是代码:
var money = 0
const addMoneyButton = document.getElementById('Clicker')
const addMoney = () => {
money += 1
document.getElementById("money").innerHTML = money
console.log(money)
function upgrade1() {
var upgrade1 = document.getElementById('upgrade1')
if (money > 10) {
upgrade1.style.visibility = 'visible'
}
}
}
addMoneyButton.addEventListener("click", addMoney)<button id="Clicker">Click To Begin Making Money</button>
<br>
<button id='upgrade1' style="visibility:hidden;">Upgrade Money Amount</button>
<h1>Money Amount: <span id='money'></span></h1>
发布于 2022-11-05 16:15:07
您忘记调用您的函数:
var money = 0
const addMoneyButton = document.getElementById('Clicker')
const addMoney = () => {
money += 1
document.getElementById("money").innerHTML = money
console.log(money)
function upgrade1() {
var upgrade1 = document.getElementById('upgrade1')
if (money > 10) {
upgrade1.style.visibility = 'visible'
}
}
// here!
upgrade1()
}
addMoneyButton.addEventListener("click", addMoney)<button id="Clicker">Click To Begin Making Money</button>
<br>
<button id='upgrade1' style="visibility:hidden;">Upgrade Money Amount</button>
<h1>Money Amount: <span id='money'></span></h1>
发布于 2022-11-05 16:14:28
您可以将代码缩短到以下内容:
const clicker = document.getElementById('Clicker');
const upgrade1 = document.getElementById('upgrade1');
const money = document.getElementById('money');
let count = 0;
clicker.addEventListener('click', () => {
money.textContent = ++count;
if (count > 10) upgrade1.style.visibility = 'visible';
});<button id="Clicker">Click To Begin Making Money</button>
<button id='upgrade1' style="visibility:hidden;">Upgrade Money Amount</button>
<h1>Money Amount: <span id='money'></span></h1>
https://stackoverflow.com/questions/74329303
复制相似问题