javascript - 让Javascript计算来自用户的HTML输入
问题描述
我想制作一个可以计算用户在文本字段中输入的数字的网站。下面,我试图将用户输入存储在一个变量中,然后将其返回到控制台,但这似乎不起作用。它应该进行更多的计算,但我想我一开始会保持简单。我忘记了什么?
PS:我目前还在学习 JavaScript,所以不要太难受 :)
谢谢!
最好的米克尔
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="/JavaScript/culjo.js" defer></script>
<title>Culjo</title>
</head>
<body>
<h1>Culjo</h1>
<input id="inputOne" type="text">
<input id="inputtwo" type="text">
<input id="result" type="number">
<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-
QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</body>
</html>
Javascript
function calculate() {
var inputOne = document.getElementById("inputOne")
var inputTwo = document.getElementById("inputTwo")
result = inputOne+inputTwo + inputTwo
return result
}
calculate()
解决方案
您需要像这样获取字段的值:
var inputOne = document.getElementById("inputOne").value;
然后使用
parseInt()
或parseFloat()
如注释中所述解析字符串。
推荐阅读
- azure-devops - 如何使用 ADO 扩展将带有值的自定义下拉列表发布到 Devops 工作项表单
- php - 使用页面规则时,高级自定义字段和 WooCommerce 可能发生冲突
- signalr - 安装 signalr 5 nuget 包时出现错误“System.Reflection.TargetInvocationException”
- javascript - 动态生成的对象键不更新
- python-3.x - 熊猫在一列中有多个遮阳篷,如何拆分?
- linux - libreadline:何时调用函数“_rl_parse_colors()”?
- c - 如果您不使用 malloc 而是使用 C 中的内存地址返回会发生什么?
- excel - 如何复制特定单元格,然后将它们粘贴到指定的单元格
- android - Flutter 应用程序 - 调试工作正常 / 发布模式灰屏
- android - 未触发 getWorkInfosByTagLiveData