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, phường Cầu Giấy, Hà Nội
  • info@funix.edu.vn
  • 0782313602 (Zalo, Viber)        

Cơ quan chủ quản: Công ty Cổ phần Giáo dục Trực tuyến FUNiX
MST: 0108171240 do Sở kế hoạch và Đầu tư thành phố Hà Nội cấp ngày 27 tháng 02 năm 2018
Địa chỉ:
Văn phòng Hà Nội: Tầng 4, Tòa nhà 25T2, Đường Nguyễn Thị Thập, phường Yên Hòa, Hà Nội.
Văn phòng TP.HCM: Lầu 8, Tòa nhà Giày Việt Plaza 180-182 Lý Chính Thắng, phường Nhiêu Lộc, TP. Hồ Chí Minh.
Hotline: 078 231 3602 – Email: info@funix.edu.vn

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