HTML随机数到文本答案

【问题标题】：HTML random number to textHTML随机数到文本
【发布时间】：2016-12-29 13:13:11
【问题描述】：

我有这个代码。当您按“运行”时，它会打印一个随机数。我需要一些帮助（不知道从哪里开始），当它打印一个随机数时，它还会打印与该数字关联的文本。例如，如果它生成 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/

【问题讨论】：

听起来你需要了解什么是 if 语句。 Google JavaScript 条件和学习
将消息放入数组中，然后用随机数作为数组的索引。
@Ofcdan 这不是“不像其他人那样了解”的问题。 根据定义提出的每个问题都来自这个角度。然而，你问的是一个非常基本的问题，作为学习几乎任何编程语言的开始的一部分，这个问题得到了回答。此外，您还没有表现出任何试图解决它的努力。您实际上已经要求人们为您编写代码。如果您查看与否决票相关的文本，您的问题既包括“未显示任何研究成果”又包括“无用”。

标签： javascript html random

【解决方案1】：

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

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;
}

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

【讨论】：

【解决方案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>

【讨论】：