如何正确添加变量？输出不当？答案

【问题标题】：How to correctly add variables? Improper outputs?如何正确添加变量？输出不当？
【发布时间】：2018-09-29 20:29:31
【问题描述】：

我的代码是在两个数字之间找到一个随机数，在上下文中它们将是频率。但我坚持不显示正确的值？提前感谢您的帮助。

  function noteFinder() {
  var x = document.getElementById("userInput").value;
  var i = Math.random() * ((x*2) - x);

  document.getElementById("demo").innerHTML= i + x;
  document.getElementById("demo2").innerHTML= x;
}

所以不是将“演示”显示为 x + i，而是仅输出 i。这是 html，如果这可能与 codepen 项目一样 [https://codepen.io/bazookajo66/pen/MPYVJW]

<input type="number" id="userInput"=> </input>
<button onclick="noteFinder()">Submit</button>

<p id="demo"></p>   
<p id="demo2"></p>

【问题讨论】：

标签： javascript html addition

【解决方案1】：

请注意，.value 始终是一个字符串；使用 Javascript 将字符串转换为数字的最简单方法是使用加号 +：

function noteFinder() {
  var x = +document.getElementById("userInput").value;
  var i = Math.random() * x;

  document.getElementById("demo").innerHTML = i + x;
  document.getElementById("demo2").innerHTML = x;
}

【讨论】：