Javascript:我需要找到三个变量的平均值、最小值、最大值和乘积



我目前正在做一个项目,寻找用户在网站上输入的三个数字的最小值、最大值、总和、乘积和平均值,但我不知道如何让它发挥作用,我已经做了两天了,似乎不明白如何让它起作用。

<!DOCTYPE html>
<html lang="en">
<head>
<title>Homework Number Two Part Two</title>
<meta charset="utf-8">
<meta name="description" content= "My Homework Website">
</head>
<script>
function process()
{
var x, y, result;
x = document.getElementById("num1").value;
y = document.getElementById("num2").value;
z = document.getElementById("num3").value;
result = (x+y+z)/3;
document.getElementById("result").value = ("The result is " + result);
}
</script>

</head>

<body>

<form name="myform">
First Number: <input type="text" id="num1" size="10"><br><br>
Second Number: <input type="text" id="num2" size="10"><br><br>
Third Number: <input type="text" id="num3" size="10"><br><br>
Results: <textarea rows="4" cols="40" id="result"></textarea><br><br>
<input type="button" onclick="process()" value="SUBMIT">
<input type="reset" value="RESET">

您必须将<script>...</script>标记移动到</body>之前的文件末尾,以确保DOM已完全加载。此外,因为您使用的是表单,每次单击提交按钮时,页面都会重新加载,为了防止这种行为,您必须添加event.preventDefault()onSubmit事件。

对每个变量使用parseInt,因为每个值都被视为字符串。因此,您的代码实际上是连接字符串,而不是进行算术运算
您的代码应该是这样的,这样才能有预期的输出。

x = parseInt(document.getElementById("num1").value);
y = parseInt(document.getElementById("num2").value);
z = parseInt(document.getElementById("num3").value);
result = (x+y+z)/3
document.getElementById("result").value = ("The result is " + result);

这是正确的程序
https://jsfiddle.net/seh4wbmt/1/

有关更多详细信息,请参阅本文档
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/parseInt

最新更新