Как правильно добавить переменные?Неправильные выходы?

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