Berikut ini adalah contoh kode untuk membuat Cosine Calculator lengkap dengan menggunakan JavaScript, HTML, dan CSS. Kode ini akan diimplementasikan dalam sebuah form HTML.
Cosine Calculator
HTML
<!DOCTYPE html>
<html>
<head>
<title>Cosine Calculator</title>
<style>
/* CSS untuk tampilan kalkulator */
.calculator {
width: default;
background: white;
margin: 30px auto;
padding: 30px 20px;
}
.calculator input[type="number"] {
box-sizing : border-box;
width: 100%;
padding: 10px;
font-size: 11pt;
margin-bottom: 20px;
}
.calculator button {
width: 100%;
padding: 10px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
.calculator button:hover {
background-color: #45a049;
}
</style>
</head>
<body>
<div class="calculator">
<h2>Cosine Calculator</h2>
<input type="number" id="inputAngle" placeholder="Masukkan sudut dalam derajat">
<button onclick="calculateCosinus()">Hitung</button>
<p id="result"></p>
</div>
<script>
function calculateCosinus() {
var angle = document.getElementById("inputAngle").value;
var result = Math.cos(angle * Math.PI / 180);
document.getElementById("result").innerHTML = "Hasil: " + result;
}
</script>
</body>
</html>Anda dapat menyalin kode di atas dan menjalankannya di browser untuk melihat kalkulator cosinus dalam aksi. Masukkan sudut dalam derajat ke dalam input, kemudian klik tombol “Hitung” untuk mendapatkan hasilnya.
Semoga contoh kode di atas dapat membantu Anda dalam membuat kalkulator cosinus dengan JavaScript, HTML, dan CSS. Jika Anda memiliki pertanyaan lebih lanjut, jangan ragu untuk bertanya.
Leave a Reply