我的代码:
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Project</title>
<link rel="stylesheet" href="style.css" />
<link
href="https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css"
rel="stylesheet"
/>
</head>
<body>
<form onsubmit="return false">
<label for="sub">Subjects</label>
<input type="number" id="eh" /><br /><br />
<label for="sub1">Subject 1 marks:</label><br />
<input type="number" name="num" id="num1" /><br />
<label for="sub2">Subject 2 marks:</label><br />
<input type="number" name="num" id="num2" /><br />
<label for="sub3">Subject 3 marks:</label><br />
<input type="number" name="num" id="num3" /><br />
<label for="sub4">Subject 4 marks:</label><br />
<input type="number" name="num" id="num4" /><br />
<label for="sub5">Subject 5 marks:</label><br />
<input type="number" name="num" id="num5" /><br />
<input type="submit" value="Submit" onclick="he()" />
</form>
<p id="demo"></p>
<script src="script.js"></script>
</body>
</html>
Js公司:
function he() {
var subcount = document.getElementById("eh").value;
var marks1 = document.getElementById("num1").value;
var marks2 = document.getElementById("num2").value;
var marks3 = document.getElementById("num3").value;
var marks4 = document.getElementById("num4").value;
var marks5 = document.getElementById("num5").value;
var marks = []
marks.push(marks1)
marks.push(marks2)
marks.push(marks3)
marks.push(marks4)
marks.push(marks5)
const sum = marks.reduce((partialSum, a) => partialSum + a, 0);
document.getElementById("demo").textContent = sum / subcount
// console.log(marks)
}
The answer is supposed to be 100
我希望结果是500/5