Berikut ini adalah contoh kode lengkap untuk membuat kalkulator Faktor Persekutuan Terbesar (GCF) dan Kelipatan Persekutuan Terkecil (LCM) menggunakan JavaScript, HTML, dan CSS. Kode ini akan diimplementasikan dalam sebuah form HTML.
Kalkulator GCF dan LCM
<!DOCTYPE html>
<html>
<head>
<title>Kalkulator GCF dan LCM</title>
<style>
/* CSS untuk tampilan form */
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
.container {
max-width: default;
margin: 0 auto;
padding: 20px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
label {
display: block;
margin-bottom: 10px;
}
input[type="number"] {
box-sizing : border-box;
width: 100%;
padding: 10px;
font-size: 11pt;
margin-bottom: 20px;
}
button {
width: default;
padding: 10px;
background-color: #4CAF50;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
}
button:hover {
background-color: #45a049;
}
</style>
</head>
<body>
<div class="container">
<h1>Kalkulator GCF dan LCM</h1>
<label for="number1">Angka Pertama:</label>
<input type="number" id="number1">
<label for="number2">Angka Kedua:</label>
<input type="number" id="number2">
<button onclick="calculate()">Hitung</button>
<p id="result"></p>
</div>
<script>
function calculate() {
var number1 = parseInt(document.getElementById('number1').value);
var number2 = parseInt(document.getElementById('number2').value);
var gcf = calculateGCF(number1, number2);
var lcm = calculateLCM(number1, number2);
document.getElementById('result').innerHTML = 'Faktor Persekutuan Terbesar (GCF): ' + gcf + '<br>Kelipatan Persekutuan Terkecil (LCM): ' + lcm;
}
function calculateGCF(a, b) {
if (b === 0) {
return a;
}
return calculateGCF(b, a % b);
}
function calculateLCM(a, b) {
return (a * b) / calculateGCF(a, b);
}
</script>
</body>
</html>Anda dapat menyalin kode di atas dan menyimpannya dalam file HTML. Kemudian, buka file HTML tersebut menggunakan browser untuk melihat kalkulator GCF dan LCM yang berfungsi.
Kalkulator ini akan meminta dua angka dari pengguna dan menghitung Faktor Persekutuan Terbesar (GCF) dan Kelipatan Persekutuan Terkecil (LCM) dari kedua angka tersebut. Hasil perhitungan akan ditampilkan di bawah tombol “Hitung”.
Semoga contoh kode di atas dapat membantu Anda dalam membuat kalkulator GCF dan LCM menggunakan JavaScript, HTML, dan CSS. Jika Anda memiliki pertanyaan lebih lanjut, jangan ragu untuk bertanya.
Leave a Reply