尝试使用加法赋值运算符(JavaScript)递增随机数

时间:2018-12-29 00:15:20

标签: javascript addition assignment-operator

因此,我一直在尝试通过单击按钮来增加随机数。 减小按钮可以正常工作,但是由于某种原因,增量按钮存在问题。

我查看了开发人员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

0 个答案:

没有答案