01/10/2018, 17:34
Lỗi Cannot set property 'innerText' of null
Em mới học lập trình javascript. Em có tạo 1 hàm mà bị lỗi ở theKetqua.innerText =tong; e ko b vì sao mn có thể sửa giúp với ạ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#soA{
color: red;
}
</style>
</head>
<body>
<input type="text" id="soA">
<input type="text" id="soB">
<button onclick="tinhTong()">Tinh Tong</button>
<h2 id="ketqua"></h2>
<script type="text/javascript">
function tinhTong() {
var theInputA = document.querySelector('#soA');
var theInputB = document.querySelector('#soB');
var theKetqua = document.querySelector('#Ketqua');
var tong = Number(theInputA.value) + Number(theInputB.value);
theKetqua.innerText =tong;
}
</script>
</body>
</html>
Bài liên quan
Bạn define cái id là “ketqua”
Nhưng lúc select thì lại là “Ketqua”
Đổi sửa cái selector ở dưới thành “ketqua” là được
Điểm cần nhớ:
Trong trường hợp thế này mình phải tìm cách debug, cách đơn giản nhất là in cái giá trị của
theKetquara ngoài console.Trong lập trình thì hầu hết các ngôn ngữ phân biệt cực gắt về HOA-thường nên chú ý nhé.
ở đoạn code có lấy query là ‘#Ketqua’:
nhưng trong html có element dùng ‘#ketqua’:
rõ ràng là một cái hoa với một cái thường thì không chạy là phải. Bạn nên nhớ rằng: