JavaScript 数学文本字段

标签 javascript html

我正在尝试用 javaascript 摆弄一些简单的数学,但我没有让它发挥作用,而且我是 js 的真正初学者。

基本上,我只是尝试使用“result1”作为第二个简单数学的变量,但接受 id“result”似乎不起作用。

<!DOCTYPE html>
<html>
<head>

</head>
<body>

<input id="value1" type="text" onchange="output();" />
<span> + </span>
<input id="value2" type="text" onchange="output();" />
<span> * </span>
<input id="value3" type="text" onchange="output();" />
<p id="result1"> </p>


<span> + </span>
<input id="value5" type="text" onchange="output();" />
<p id="result2"> </p>

<script type="text/javascript" language="javascript" charset="utf-8">


function output(){
    var value1 = document.getElementById('value1').value;
    var value2 = document.getElementById('value2').value;
    var value3 = document.getElementById('value3').value;
    document.getElementById('result1').innerHTML = (parseInt(value1) + parseInt(value2)) * parseInt(value3);
    var value4 = document.getElementById('result1').value;
    var value5 = document.getElementById('value5').value;
    document.getElementById('result2').innerHTML = parseInt(value4) + parseInt(value5);
     
}

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

fiddle here

最佳答案

p 有一个 textContent 而不是 value 属性(value 用于 input 元素)。

//var value4 = document.getElementById('result1').value; //Wrong property
var value4 = document.getElementById('result1').textContent; //Correct property

http://jsfiddle.net/8x7oq4o2/2/

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

相关文章:

javascript - 理解 Elm 中的类型

javascript - 循环设置超时

javascript - 如何在页面加载时从 .js 文件调用 javascript 函数?

html - Bootstrap 导航栏上方的 Logo

javascript - jQuery .css 不适用于列表中的所有 ID

javascript - 每次点击取消滑动多张幻灯片

javascript - 从 QML ListView 委托(delegate)调用 JavaScript 对象方法

javascript - 替换字符串中的表情符号,除非在特定的文本组内

html - 视频上的图像 (html5)

javascript - Angular Js - 无法读取未定义的属性 'push' - 错误