首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >按钮在计数器达到阈值后变得可见。

按钮在计数器达到阈值后变得可见。
EN

Stack Overflow用户
提问于 2022-11-05 16:01:12
回答 2查看 31关注 0票数 1

我试着做一个简单的点击游戏,你试图通过点击一个按钮来赚钱。我想要一个升级按钮成为可见后,你有10美元。

以下是代码:

代码语言:javascript
复制
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)
代码语言:javascript
复制
<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>

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2022-11-05 16:15:07

您忘记调用您的函数:

代码语言:javascript
复制
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)
代码语言:javascript
复制
<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>

票数 0
EN

Stack Overflow用户

发布于 2022-11-05 16:14:28

您可以将代码缩短到以下内容:

代码语言:javascript
复制
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';
});
代码语言:javascript
复制
<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>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/74329303

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档