Berikut ini adalah contoh kode untuk membuat kalkulator tangen lengkap dengan JavaScript, CSS, dan HTML
Kalkulator Tangen
HTML
<!DOCTYPE html>
<html>
<head>
<title>Kalkulator Tangen</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>Kalkulator Tangen</h2>
<input type="number" id="inputAngle" placeholder="Masukkan sudut dalam derajat">
<button onclick="calculateTangent()">Hitung</button>
<p id="result"></p>
</div>
<script>
function calculateTangent() {
var angle = document.getElementById("inputAngle").value;
var tangent = Math.tan(angle * Math.PI / 180);
document.getElementById("result").innerHTML = "Tangen dari sudut " + angle + " derajat adalah " + tangent;
}
</script>
</body>
</html>
HTMLAnda dapat menyalin kode di atas dan menjalankannya di browser untuk melihat kalkulator tangen dalam tindakan.
Leave a Reply