sa

 <!DOCTYPE html>

<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
    <div class="container bg-secondary p-3">
        <form name="calculatorForm">
            <span>1.Sayı:</span><input type="text" id="a">
            <br><br>
            <span>2.Sayı:</span><input type="text" id="b">
            <br><br>
            <button class="btn btn-outline-danger" type="button" onclick="topla()">TOPLA</button>
            <button class="btn btn-light" type="button" onclick="cikar()">ÇIKAR</button>
            <button class="btn btn-outline-dark" type="button" onclick="carp()">ÇARP</button>
            <button class="btn btn-light" type="button" onclick="bol()">BÖL</button>
            <button class="btn btn-outline-warning" type="button" onclick="ortalama()">ORTALAMA</button>
            <p id="sonuc"></p>
        </form>
    </div>

    <script>
        function topla() {
            var a = Number(document.getElementById("a").value);
            var b = Number(document.getElementById("b").value);
            var toplam = a + b;
            document.getElementById("sonuc").innerHTML = "Toplam: " + toplam;
            return false;
        }

        function cikar() {
            var a = Number(document.getElementById("a").value);
            var b = Number(document.getElementById("b").value);
            var fark = a - b;
            document.getElementById("sonuc").innerHTML = "Fark: " + fark;
            return false;
        }

        function carp() {
            var a = Number(document.getElementById("a").value);
            var b = Number(document.getElementById("b").value);
            var carpim = a * b;
            document.getElementById("sonuc").innerHTML = "Çarpım: " + carpim;
            return false;
        }

        function bol() {
            var a = Number(document.getElementById("a").value);
            var b = Number(document.getElementById("b").value);
            if (b !== 0) {
                var bolum = a / b;
                document.getElementById("sonuc").innerHTML = "Bölüm: " + bolum;
            } else {
                document.getElementById("sonuc").innerHTML = "Hata: Sıfıra bölünemez!";
            }
            return false;
        }

        function ortalama() {
            var a = Number(document.getElementById("a").value);
            var b = Number(document.getElementById("b").value);
            var ortalama = (a + b) / 2;
            document.getElementById("sonuc").innerHTML = "Ortalama: " + ortalama;
            return false;
        }
    </script>

    <script src="js/bootstrap.bundle.min.js"></script>
</body>
</html>

Yorumlar

Bu blogdaki popüler yayınlar

al2