gpt4 book ai didi

javascript - 创建一个使用 javascript 操作 innerHTML 的简单计算器

转载 作者:行者123 更新时间:2023-11-30 18:11:43 25 4
gpt4 key购买 nike

我正在尝试为飞机制作一个简单的重量和平衡计算器。要求很简单,我需要输入一个重量并更新力矩场以包含乘以已知力臂的重量。基本上,我只需要将一个输入值乘以一个已知值,然后将此乘积打印到另一个空间。

以下是我到目前为止尝试过的方法,它应该可以通过以下方式工作:

  1. onchange 事件上使用 this.value 传递输入对话的值

  2. 找到输出元素uisng document.getElementById(outID)

  3. 使用outID.innerHTML = weight*arm

    设置输出元素文本

然而,什么也没有发生。

<!DOCTYPE html>

<head>
<script language="javascript" type="text/javascript">
function GetMoment(outID,weight,arm){
var outputObj = document.getElementById( outID );
outputObj.innerHTML = weight*arm;
}
</script>

</head>
<html>
<body>
<div id="InputForm" style="width:600;float:left;">
<table name="WeightAndBalance" border=4>
<tr>
<th>Front Seats</th>
<th> <input id="FrontWeight" type="text" name="FrontWeight" onchange="javascript:GetMoment(FrontMoment,this.value,85.5)"> </th>
<th>85.5 in</th>
<th> <span id="FrontMoment" type="text" name="FrontMoment" style="width:50px">Front Seat Moment</span></th>
</tr>
<tr>
<th>Rear Seats</th>
<th> <input id="RearWeight" type="text" name="RearWeight" onchange="javascript:GetMoment(RearMoment,this.value,117)"> </th>
<th>117 in</th>
<th> <span id="RearMoment" type="text" name="RearMoment">Rear Seat Moment</span></th>
</tr>
</table>
</div>
</body>
</html>

最佳答案

改变:

GetMoment(RearMoment,this.value,117)

到这个表格:

GetMoment('RearMoment',this.value,117)

它出现的每个地方。一个 id 是一个字符串。


另外,javascript: 是很老套的东西——没必要。它可以像这样:

<input id="RearWeight" type="text" name="RearWeight" onchange="GetMoment('RearMoment',this.value,117)">

关于javascript - 创建一个使用 javascript 操作 innerHTML 的简单计算器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14430830/

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