Berikut ini adalah Contoh Debugging pada JavaScript dan implementasinya dengan HTML:
HTML
<!DOCTYPE html>
<html>
<head>
<title>Debugging JavaScript</title>
<script>
function calculateSum(a, b) {
console.log("Menghitung jumlah " + a + " dan " + b);
var sum = a + b;
console.log("Hasil penjumlahan: " + sum);
return sum;
}
function displayResult() {
var num1 = parseInt(document.getElementById("num1").value);
var num2 = parseInt(document.getElementById("num2").value);
var result = calculateSum(num1, num2);
document.getElementById("result").innerHTML = "Hasil: " + result;
}
</script>
</head>
<body>
<h1>Debugging JavaScript</h1>
<label for="num1">Angka 1:</label>
<input type="number" id="num1">
<br>
<label for="num2">Angka 2:</label>
<input type="number" id="num2">
<br>
<button onclick="displayResult()">Hitung</button>
<br>
<p id="result"></p>
</body>
</html>
Output:
See the Pen Contoh Debugging pada JavaScript by WebbizID (@De-Orchids) on CodePen.
Silakan salin kode di atas ke dalam file HTML dan jalankan di browser untuk melihat hasilnya.
Semoga contoh kode di atas dapat membantu Anda dalam melakukan debugging JavaScript dan mengimplementasikannya dengan HTML.
Leave a Reply