kode penjumlahan i teraktif
<DOCTYPE html>
<html>
<head>
<title>Penjumlahan Interaktif</title>
<style>
body {
font-family: sans-serif;
}
input[type="number"] {
width: 100px;
padding: 5px;
margin-bottom: 10px;
}
button {
padding: 8px 15px;
cursor: pointer;
}
</style>
</head>
<body>
<h1>Kalkulator Penjumlahan Sederhana</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="tambah()">Jumlahkan</button>
<div id="hasil" style="margin-top: 20px; font-weight: bold;"></div>
<script>
function tambah() {
// Mengambil nilai dari input
const angka1 = parseFloat(document.getElementById("num1").value);
const angka2 = parseFloat(document.getElementById("num2").value);
// Memeriksa apakah input valid (angka)
if (!isNaN(angka1) && !isNaN(angka2)) {
const jumlah = angka1 + angka2;
// Menampilkan hasil
document.getElementById("hasil").innerHTML = "Hasil: " + jumlah;
} else {
document.getElementById("hasil").innerHTML = "Masukkan angka yang valid!";
}
}
</script>
</body>
</html>
Komentar
Posting Komentar