HTML表单计算系统
HTML表单计算系统
提问于 2020-06-15 13:45:18
我知道这可能很简单，但我正在尝试使用Javascript在HTML中创建某种类型的系统，当您在input标记中输入一个数字时，它将其与另一个数字相乘，它们将该数字输出到另一个input标记中。但出于某种奇怪的原因，我真的不知道该怎么做
<!DOCTYPE html>
<html>
<head>
<script>
var test = document.getElementById('input');
function myFunction() {
document.getElementById('output').value = test + 20;
}
</script>
</head>
<body>
Input: <input id="input">
<button onclick="myFunction()">Submit</button>
<br><br>
<input id="output" type="text">
</body>
</html>顺便说一句，我不知道如何使用JQuery或诸如此类的东西，所以你能用简单的超文本标记语言来写吗？
回答 2
Stack Overflow用户
发布于 2020-06-15 13:50:17
您应该设置输入的value属性，而不是innerHTML：还要使用parseInt，这样您就可以将数字求和，因为input.value将是一个字符串。
function myFunction() {
document.getElementById('output').value = parseInt(test.value, 10) + 20;
}Stack Overflow用户
发布于 2020-06-15 13:55:28
下面是一个有效的演示：https://jsfiddle.net/usmanmunir/1uv9cqys/8/
function myFunction() {
var test = document.getElementById('input').value;
document.getElementById('output').value = parseInt(test) * 20;
} Input: <input id="input" type="number">
<button onclick="myFunction()">Submit</button>
<br><br>
Final : <input id="output" type="text">
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62382034
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号