javascript - 尝试使用 HTML 和 Javascript 在方程式中使用输入的用户变量

Question

我是 Javascript 新手，正在尝试创建一个使用特定方程计算结果的表单。我试图将 var x 作为用户输入的基本价格数字，然后在方程中使用该 var。我想知道我的问题是否是我缺少提交输入，然后以某种方式在条目上进行 x 注册？这是我到目前为止所拥有的:

<input type="number" id="baseprice">

<br><br>

Result:

<p id="LESResult"></p>

<script>

var x = document.getElementById("baseprice").value;
var y = 100;
var d = 30;
var z = (x)/(y-d);
var m = z * y;
var num = m;
var n = num.toFixed(2);
document.getElementById("LESResult").innerHTML = n;

</script>

Answer 1

您可以添加一个按钮并为其附加一个事件监听器，如下所示:

<input type="number" id="baseprice">
<button onclick="calculate_result()">submit</button>

<br><br>

Result:

<p id="LESResult"></p>

<script>

calculate_result = function() {
  var x = document.getElementById("baseprice").value;
  var y = 100;
  var d = 30;
  var z = (x)/(y-d);
  var m = z * y;
  var num = m;
  var n = num.toFixed(2);
  document.getElementById("LESResult").innerHTML = n;
}

</script>