我正在嘗試制作一個簡單的頁面，用戶輸入期中和期末分數，然后獲取有關考試的及格結果。我在沒有任何幫助的情況下撰寫了整個代碼，而且我第一次自己撰寫，我認為它會起作用，但事實并非如此。
當我檢查問題并嘗試修復它們時，我看到我呼叫的輸入值的平均值是輪數0每次都是輪流。
當我自己定義 mid 和 final 時，沒有輸入值，代碼在控制臺上作業。
我找不到關于值和平均值的問題。
請讓我知道我對 DOM 或其他東西的錯誤和誤解在哪里。這里的代碼：
// definitions
let mid = document.querySelector("#midtermInp") // text input for midterm
let final = document.querySelector("#finalInp") // text input for final
let average = (mid.value * 0.4) (final.value * 0.6)
let result = document.querySelector('#result')
let submitBtn = document.querySelector('#submitBtn')
// function
submitBtn.addEventListener('click', function(){
if (average >= 0 && average < 50) {
result.textContent = `Average: ${average} | FF - Failed`
}
else if (average >= 50 && average < 60) {
result.textContent = `Average: ${average} | FD - Failed`
}
else if (average >= 60 && average < 65) {
result.textContent = `Average: ${average} | DD - Conditional Pass`
}
else if (average >= 65 && average < 70) {
result.textContent = `Average: ${average} | DC - Conditional Pass`
}
else if (average >= 70 && average < 75) {
result.textContent = `Average: ${average} | CC - Passed!`
}
else if (average >= 75 && average < 80) {
result.textContent = `Average: ${average} | BC - Passed!`
}
else if (average >= 80 && average < 85) {
result.textContent = `Average: ${average} | BB - Passed!`
}
else if (average >= 85 && average < 90) {
result.textContent = `Average: ${average} | BA - Passed!`
}
else if (average >= 90 && average < 100) {
result.textContent = `Average: ${average} | AA - Passed!`
}
mid.value = ""
final.value = ""
})
uj5u.com熱心網友回復：
問題是您的代碼僅在檔案加載后立即找到平均值，此時兩個輸入的值均為空白。您需要將平均計算移至按鈕單擊事件：
submitBtn.addEventListener('click', function(){
let average = (mid.value * 0.4) (final.value * 0.6)
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/480893.html
標籤：javascript 节点.js ecmascript-6
上一篇：如何增加實時資料庫的價值
下一篇：回傳奇數和空陣列的函式