gpt4 book ai didi

javascript - 基本的 Javascript 数学文本字段

转载 作者:太空宇宙 更新时间:2023-11-04 14:23:21 26 4
gpt4 key购买 nike

你好,我是新手,正在学习 javascript。

我正在尝试通过文本字段制作一个加法程序。

检查 js fiddle 上的 html 代码 http://jsfiddle.net/fCXMt/

我需要知道的是如何在文本字段中接受用户输入并在 P 标签中显示输出。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>untitled</title>
</head>
<body>
<input id="value1" type="text" />
<span> + </span>
<input id="value2" type="text" />
<input type="submit" onclick="output();">
<p id="result"> </p>

<script type="text/javascript" language="javascript" charset="utf-8">
var value1 = document.getElementById('value1').innerHTML;
var value2 = document.getElementById('value2').innerHTML;

function output(){
document.getElementById('result').innerHTML = value1 + value2;
}

</script>
</body>
</html>

最佳答案

您必须在单击按钮后获取输入字段中的值,并使用 value 属性(不是 innerHTML)来执行此操作。另外,请确保您添加的是数字而不是将字符串附加在一起。试试这个:

function output(){
var value1 = document.getElementById('value1').value;
var value2 = document.getElementById('value2').value;

document.getElementById('result').innerHTML = parseInt(value1) + parseInt(value2);
}

关于javascript - 基本的 Javascript 数学文本字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6395777/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com