javascript - 我正在制作一个点击游戏,我尝试使用 js 更改 <p> 标记中的文本

标签 javascript html

我正在制作一个点击游戏,我也使用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/

相关文章:

Jquery - 有时工作脚本

javascript - javascript 中的变量未使用innerHTML 显示在html 页面上

javascript - 使用 HTML 5 File API 加载 JSON 文件

javascript - 异步迭代器给出 TypeError : undefined is not a function

javascript - HTML 中应该使用什么标签,没有特殊含义,仅用于携带元数据?

html - 如何使用 CSS 将菱形的 Angular 圆化?

html - css - div 中的表格遍历它

javascript - 通过 jQuery 读取 HTML 中下拉列表的选定值

javascript - 添加到列表的项目在 Vue.js 版本 2 中是非 react 性的

javascript - 将元素[数据]发布到服务器端的最佳方式