Javascript 中的 Else 語句用於事件偵聽器不起作用

Question

當我填寫 html 字段時，以下代碼應將“成功”記錄到控制台，但事實並非如此。 你能幫忙的話，我會很高興。

Javascript 代碼：

let taskInput = document.querySelector('.input').value;
let myForm = document.querySelector('#my-form');
let msgArea = document.querySelector('.msg');

myForm.addEventListener('submit', onsubmit);

function onsubmit(e) {
    e.preventDefault();
    if(taskInput=='') {
    msgArea.classList.add('alert')
    msgArea.classList.add('alert-danger');
    msgArea.style.backgroundColor = '#ec4646';
    msgArea.innerHTML = 'Alert! Fill the fields first';
    }
    else { 
    console.log('success'); //this is not logging onto the console
    }
}

Answer 1

// STEP 1: Instead of:
let taskInput = document.querySelector('.input').value;
// Use:
let taskInput = document.querySelector('.input');

// STEP 2: Instead of:
// ...
 if (taskInput == '') {
// ...
// Use:
 if (taskInput.value.trim() === '') {

Answer 2

問題出在這里： let taskInput = document.querySelector('.input').value;

const taskInput = document.querySelector('.input')
let inputVal = taskInput.value

taskInput.addEventListener('input', e => {
  inputVal = e.target.value
})

// Don't forget to update the if statement
function onsubmit(e) {
  e.preventDefault()
  if (inputVal === '') {
    /* your code */
  } else {
    console.log('success')
  }
}