Javascript 三个数字的最大值
这是我的项目,它返回3个数字中的最大值。我想做的是在我拥有的三个输入字段中输入3个数字,当我单击按钮计算时,我希望这三个数字中最大的一个显示在h1之后。我将输入传递到数字中,然后制作一个包含这三个数字的数组,然后遍历数组,将每个元素与第一个元素进行比较。但它不起作用。我真的找不到我代码中的错误。有人能帮忙吗 以下是html:Javascript 三个数字的最大值,javascript,arrays,function,dom,dom-manipulation,Javascript,Arrays,Function,Dom,Dom Manipulation,这是我的项目,它返回3个数字中的最大值。我想做的是在我拥有的三个输入字段中输入3个数字,当我单击按钮计算时,我希望这三个数字中最大的一个显示在h1之后。我将输入传递到数字中,然后制作一个包含这三个数字的数组,然后遍历数组,将每个元素与第一个元素进行比较。但它不起作用。我真的找不到我代码中的错误。有人能帮忙吗 以下是html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Max Value Of Three Numbers</title>
</head>
<body>
<h1>The biggest number is: <span id="maxDisplay">0</span></h1>
<input type="number" name="" id="num1">
<input type="number" name="" id="num2">
<input type="number" name="" id="num3">
<button id="calculateMax">Calculate</button>
<script type="text/javascript" src="maxValue.js"></script>
</body>
</html>
三个数字的最大值
最大的数字是:0
算计
还有JavaScript:
var maxDisplay = document.querySelector("#maxDisplay");
var number1 = document.getElementById("num1");
var num1 = Number(number1.value);
var number2 = document.getElementById("num2");
var num2 = Number(number2.value);
var number3 = document.getElementById("num3");
var num3 = Number(number3.value);
var arr = [num1, num2, num3];
var calculateMax = document.getElementById("calculateMax");
var maxNumber = 0;
calculateMax.addEventListener("click", function(){
var maxNumber = arr[0];
for (var i = 1; i < arr.length; i++)
{
if(arr[i] > maxNumber)
{
maxNumber = arr[i];
}
}
maxDisplay.textContent = maxNumber;
});
var maxDisplay=document.querySelector(“#maxDisplay”);
var number1=document.getElementById(“num1”);
var num1=数字(数字1.值);
var number2=document.getElementById(“num2”);
var num2=数字(数字2.值);
var number3=document.getElementById(“num3”);
var num3=编号(编号3.值);
var arr=[num1,num2,num3];
var calculateMax=document.getElementById(“calculateMax”);
var maxNumber=0;
calculateMax.addEventListener(“单击”,函数(){
var maxNumber=arr[0];
对于(变量i=1;imaxNumber)
{
maxNumber=arr[i];
}
}
maxDisplay.textContent=maxNumber;
});
这是因为一旦到达HTML文件中的脚本标记(脚本已加载),您就会获得输入字段的值,因此这些值在当时是空的。像这样移动部分代码
var maxDisplay = document.querySelector("#maxDisplay");
var calculateMax = document.getElementById("calculateMax");
var maxNumber = 0;
var number1 = document.getElementById("num1");
var number2 = document.getElementById("num2");
var number3 = document.getElementById("num3");
calculateMax.addEventListener("click", function(){
var num1 = Number(number1.value);
var num2 = Number(number2.value);
var num3 = Number(number3.value);
var arr = [num1, num2, num3];
var maxNumber = arr[0];
for (var i = 1; i < arr.length; i++) {
if(arr[i] > maxNumber)
maxNumber = arr[i];
}
maxDisplay.textContent = maxNumber;
});
maxDisplay.textContent = Math.max.apply(null, arr);
var res=document.getElementById('maxDisplay');
var num1=document.getElementById('num1');
var num2=document.getElementById('num2');
var num3=document.getElementById('num3');
var btn=document.getElementById('calculateMax')
btn.addEventListener('click',function(){
var arr=[num1.value,num2.value,num3.value]
res.innerHTML=Math.max(…arr);
})
三个数字的最大值
最大的数字是:0
算计