Kalkulator Tangen dengan JavaScript

Membuat Kalkulator Tangen dengan JavaScript

—

by

Webbiz.ID
in ,

Berikut ini adalah contoh kode untuk membuat kalkulator tangen lengkap dengan JavaScript, CSS, dan HTML

Kalkulator Tangen

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>
HTML

Anda dapat menyalin kode di atas dan menjalankannya di browser untuk melihat kalkulator tangen dalam tindakan.

Artikel Terbaru ⭐