Câu lệnh trình gỡ lỗi trong JavaScript được sử dụng để thiết lập một điểm ngắt trong mã. Mã lệnh dừng thực thi ngay sau khi nó gặp câu lệnh trình gỡ lỗi và gọi hàm trình gỡ lỗi (nếu có).
Sau đây là đoạn mã để triển khai câu lệnh trình gỡ lỗi trong JavaScript -
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.result {
font-size: 20px;
font-weight: 500;
color: blueviolet;
}
</style>
</head>
<body>
<h1>Debugger statement in JavaScript.</h1>
<div class="result"></div>
<br />
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to call the printTable() function</h3>
<script>
let resEle = document.querySelector(".result");
let BtnEle = document.querySelector(".Btn");
function printTable(num) {
for (let i = 1; i <= 10; i++) {
debugger;
resEle.innerHTML += i + " ";
}
}
BtnEle.addEventListener("click", () => {
printTable();
});
</script>
</body>
</html> Đầu ra
Khi nhấp vào nút ‘BẤM VÀO ĐÂY’ và mở trình gỡ lỗi -
