Question

我有这个代码。当你按“RUN”时它打印一个随机数。我需要一些帮助（不知道从哪里开始），当它打印一个随机数时，它还打印与该数字相关的文本。例如，如果它从1-5生成任何数字，它将显示“Hello”，如果它生成7则会显示“Wassup”。任何帮助表示赞赏。

<body>
 <script type="text/javascript">
       function RandomID() {
        var rnd = Math.floor(Math.random() * 11);
        document.getElementById('id').value = rnd;
   }
    </script>
<button class="button"onclick="RandomID();" style="font-family: sans-serif;">RUN</button>
<input class="input" type="text" id="id" name="id" size="3" readonly />
</body>
</html>

https://jsfiddle.net/j9dcp2t4/

Answer 1

您只需要使用if..else声明：

＆＃13;

function RandomID() {
  var value;
  var rnd = Math.floor(Math.random() * 11);

  if (rnd === 7)
    value = "Wassup";
  else if (rnd <= 5)
    value = "Hello";
  else
    value = rnd;

  document.getElementById('id').value = value;
}

＆＃13;

<button class="button" onclick="RandomID();" style="font-family: sans-serif;">RUN</button>
<input class="input" type="text" id="id" name="id" size="3" readonly />

＆＃13;

Answer 2

在if语句旁边，您可以使用conditional operator

condition ? expr1 : expr2

function RandomID() {
    var rnd = Math.floor(Math.random() * 11);
    document.getElementById('id').value = rnd;
    document.getElementById('out').innerHTML = rnd >= 1 && rnd <= 5 ? 'Hello' : rnd === 7 ? 'Wassup' :  '';
}

<button class="button"onclick="RandomID();" style="font-family: sans-serif;">RUN</button>
<input class="input" type="text" id="id" name="id" size="3" readonly />
<span id="out"></span>

HTML随机数到文字

2 个答案: