Lỗi thực thi addEventListener trong lập trình JavaScript | Học trực tuyến CNTT, học lập trình từ cơ bản đến nâng cao

Lỗi thực thi addEventListener trong lập trình JavaScript

Hỏi đáp CNTT 10/11/2021

Câu hỏi của  học viên:

Mình bê nguyên cái script trong video vào mà nó lại báo lỗi ở dòng numOne.addEventListener(‘input’, add); là sao ạ?

Mã nguồn:

Trả lời của học viên

Thêm || vào:

var one = parseFloat(numOne.value) || 0;
var two = parseFloat(numTwo.value) || 0;

Hướng dẫn của Tutor_Vũ: Các bạn làm javascript thì lúc nào cũng nên xài eventlistener domcontentloaded để chờ các element load xong thì mới làm việc với nó được chứ

window.addEventListener('DOMContentLoaded', (event) => {
    console.log('DOM fully loaded and parsed');
});

Giải pháp:

  • Rời đoạn mã Javascript xuống cuối đoạn mã html để chờ các thành phần DOM load đầy đủ
  • Hiệu chỉnh mã nguồn theo gợi ý của

Kết quả:

 

>>> Nếu bạn đang có nhu cầu học lập trình trực tuyến, tìm hiểu ngay tại đây:

>>> Xem thêm các chủ đề hữu ích:

 

ĐĂNG KÝ TƯ VẤN HỌC LẬP TRÌNH TẠI FUNiX

Bình luận (
0
)

Bài liên quan

  • Tầng 0, tòa nhà FPT, 17 Duy Tân, Q. Cầu Giấy, Hà Nội
  • info@funix.edu.vn
  • 0782313602 (Zalo, Viber)        
Chat Button
FUNiX V2 GenAI Chatbot ×

yêu cầu gọi lại