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

Question

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

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

因此，不是将 "demo" 显示为 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>

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

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

How to correctly add variables? Improper outputs?

html

javascript

addition