Javascript：2 个用户输入值的平均值
[英]Javascript: Average of 2 user input values
问题描述
对于这个基本问题，我深表歉意，但我长期以来一直试图让这项工作正常进行，但我似乎无法让这段代码返回一个值。
我很尴尬地承认我已经尝试了多长时间，以及我看过多少相关的 StackOverflow 问题，但是，没有一个像我的代码那么简单，当我试图做一些更接近于我的看起来，它只是不会提醒任何东西。
思路如下：
- 用户输入2个数字，
- 点击按钮，
- 并被告知他们输入的数字的平均值。
无论我进行了多少次迭代，我的警报都是 NaN。 我真的可以使用一些建议。 提前致谢！
<html> <head> <title> Javascript </title> <body> <p> Enter two number for an average below </p> <p> Number 1<input type="text" id="userInput1"></input></p> <p> Number 2<input type="text" id="userInput2"></input></p> <button id="averageButton"> Calculate</button> <script type="text/javascript"> function average(a, b) { return ((a + b) /2); } document.getElementById("averageButton").onclick = function (){ var a = document.getElementById("userInput1").value; var b = document.getElementById("userInput2").value; alert(average()); } </script> </body> </html>
4 个解决方案
解决方案1
5 已采纳 2017-11-03 02:51:36
您未能将数字 a,b 传递给您的函数 - 一个简单的错误。
但由于输入被视为字符串，您还需要将它们转换为数字 a*1
见注释代码
<html> <head> <title> Javascript </title> <body> <p> Enter two number for an average below </p> <p> Number 1<input type="text" id="userInput1"></input></p> <p> Number 2<input type="text" id="userInput2"></input></p> <button id="averageButton"> Calculate</button> <script type="text/javascript"> function average(a, b) { // force the input as numbers *1 return ((a*1 + b*1) /2); } document.getElementById("averageButton").onclick = function (){ var a = document.getElementById("userInput1").value; var b = document.getElementById("userInput2").value; // pass the numbers to the average function! alert(average(a,b)); } </script> </body> </html>
解决方案2
0 2017-11-03 02:50:58
乍一看，您可能需要将输入值从字符串转换为浮点数，然后将它们实际传递给平均函数。
解决方案3
0 2017-11-03 03:55:47
您可能希望将输入更改为<input type="number">以防止用户添加非数字值。
其次将您的输入解析为document....value返回字符串，
var a = parseFloat(document.getElementById("userInput1").value);
var b = parseFloat(document.getElementById("userInput2").value);
如果你这样做，你就不必处理做a*1的有趣事情了。
// force the input as numbers *1
return ((a*1 + b*1) /2);
不需要此块，因为将字符串与数字相乘会返回 NaN 值。
解决方案4
0 2022-06-16 13:10:50
function average(a, b) { return ((a + b) / 2); } document.getElementById("averageButton").onclick = function() { var a = document.getElementById("userInput1").value; var b = document.getElementById("userInput2").value; alert(average()); }
<p> Enter two number for an average below </p> <p> Number 1<input type="text" id="userInput1"></input> </p> <p> Number 2<input type="text" id="userInput2"></input> </p> <button id="averageButton"> Calculate</button>
使用javascript从动态文本框中添加并获取用户输入的平均值
[英]add and get the average of values inputted by user from dynamic textboxes using javascript
JavaScript：如何以秒为单位存储、更新和计算一组用户生成时间中值的平均值和总数
[英]JavaScript: How to store, update, and calculate the average and total number of values in a set of user-generated times in seconds
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.