Berikut ini adalah contoh kode untuk membuat kalkulator sine lengkap dengan JavaScript, CSS, dan HTML:
Kalkulator Sine
HTML
<!DOCTYPE html>
<html>
<head>
<title>Kalkulator Sine</title>
<style>
/* CSS untuk tampilan kalkulator */
.calculator {
width: default;
padding: 20px;
background-color: #f2f2f2;
border: 1px solid #ccc;
border-radius: 5px;
margin: 0 auto;
}
.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>Kalkulator Sine</h2>
<input type="number" id="angle" placeholder="Masukkan sudut dalam derajat">
<button onclick="calculateSine()">Hitung</button>
<p id="result"></p>
</div>
<script>
function calculateSine() {
var angle = document.getElementById("angle").value;
var result = Math.sin(angle * (Math.PI / 180));
document.getElementById("result").innerHTML = "Hasil: " + result;
}
</script>
</body>
</html>Silakan salin kode di atas dan simpan dalam file HTML. Anda dapat membuka file tersebut di browser untuk melihat kalkulator sine yang berfungsi.
Pastikan Anda memiliki pemahaman dasar tentang JavaScript, CSS, dan HTML untuk dapat memahami dan mengubah kode tersebut sesuai kebutuhan Anda.
Semoga bermanfaat!
Leave a Reply