javascript - 如何将 <input> id 编号放入 var(数学)

标签 javascript html

我在 var 中输入了一个数字。我把它减去一个数字。 谢谢维柯丁帮助我!我修好了它并且有效! (我更改了程序的名称)

    <!DOCTYPE html>
    <html>
    <body>

    <p></p>

    <span><input type="number" id="guess1"><p id="g1s"></p></span>
    <input type="button" onclick="Calculate()" value="Calculate">

    <script>
function Calculate() {
    var GuessCon1 = document.getElementById("guess1").value;
    var GuessCon1sub = GuessCon1 - 500;
    document.getElementById("g1s").innerHTML = GuessCon1sub;
}
    </script>

    </body>
    </html>

最佳答案

您将字符串“numb1”分配给变量g。如果您想获取输入的值,则需要找到该元素(例如使用 document.geElementById 方法)并从中获取值。

此外,您希望触发计算,例如通过单击按钮。我在代码片段中添加了一段代码,您可以运行它并尝试一下以了解想法。

var button = document.getElementById("substract")

button.onclick = function() {
  var g = document.getElementById("numb1").value
  var a = 578;
  var x = g - a;
  document.getElementById("demo").innerHTML = x;
}
<input type="number" id="numb1">
<input type="submit" id="substract">

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

相关链接:

Input Text value Property

onclick event

关于javascript - 如何将 &lt;input&gt; id 编号放入 var(数学),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55192048/

相关文章:

html - 顶部导航栏的背景颜色不是文本

html - 使用css3在表格上旋转文本

javascript - onMouseOver 事件在 React 中不起作用

javascript - css 或 jQuery 中的半透明效果?

测试 "Class"的不同仿真的 Javascript 基准

javascript - 在 html 和 css 中不使用表格的文本对齐

html - 我可以在 css 中设置一个元素相对于另一个元素的位置吗?

javascript - 背景位置的计算样式在 Chrome 中返回 0% 0%

javascript - 奇怪的 <img> 放置行为

php - 如何将 JavaScript 变量传递给 PHP?