首页 > 解决方案 > 尝试使用加法赋值运算符(JavaScript)增加随机数

问题描述

所以我一直试图通过点击一个按钮来增加一个随机数。使用减量按钮可以正常工作,但由于某种原因,我遇到了增量按钮的问题。

我查看了开发者 Mozilla 网站以及其他几个来源和 Mozilla 提及的内容。
// bar = 5
bar += 2 // 7

据我所知,我的随机数的值被识别为某种数字。(它适用于减量)我有一种感觉,它将数字识别为字符串,因为它在当前值之后添加任何内容。

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>


    <button type="button" id="button" name="button">Random Number</button>

    <input type="text" name="" id="number" value="">
    <button type="button" id="inc" name="button">Increment</button>
    <button type="button" id="dec" name="button">Decrement</button>
    <script>

      document.getElementById('button').onclick = function myFunction() {
        document.getElementById('number').value = Math.floor((Math.random() * 10) + 1);
      }
      document.getElementById('inc').onclick = function myDunction() {
        document.getElementById('number').value += 1;
      }
      document.getElementById('dec').onclick = function myMeh() {
        document.getElementById('number').value -= 1;
      }

    </script>
  </body>
</html>

预期:
随机数:5 增量:6 和减量:4,并且每次单击按钮时值都应该改变。
实际结果:
随机数:5 递增:51 递减:4

标签: javascriptadditionassignment-operator

解决方案


推荐阅读