Kod


     <!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <style>
        button{
            width: 200px;
            height: 100px;
        }
    </style>
</head>
<body>
    <h1>Proste działania</h1>
    liczba A <input type="number"> <br>
    liczba B <input type="number"> <br>
    <button id="plus">+</button>
    <button id="minus">-</button>
    <button id="dzielenie">/</button>
    <button id="mnozenie">*</button>
    <button id="potega">A^B</button>
    <div id="wynik"></div>
    <script>
        let przyciski = document.getElementsByTagName("button")
        let wyniki = document.getElementById("wynik")
        przyciski[0].addEventListener("click", () => {
            obliczenia(0)
        })
        przyciski[1].addEventListener("click", () => {
            obliczenia(1)
        })
        przyciski[2].addEventListener("click", () => {
            obliczenia(2)
        })
        przyciski[3].addEventListener("click", () => {
            obliczenia(3)
        })
        przyciski[4].addEventListener("click", () => {
            obliczenia(4)
        })
        function obliczenia(i) {
            a = parseInt(document.getElementsByTagName("input")[0].value)
            b = parseInt(document.getElementsByTagName("input")[1].value)
            if (i === 0) {
                wynik.innerText = `Wynik ${a + b}`
            } else if (i === 1) {
                wynik.innerText = `Wynik ${a - b}`
            } else if (i === 2) {
                if (b !== 0) {
                    wynik.innerText = `Wynik ${a / b}`
                } else if (b === 0) {
                    wynik.innerText = `nie dziel przez zero`
                }
            } else if (i === 3) {
                wynik.innerText = `Wynik ${a * b}`
            } else if (i === 4) {
                wynik.innerText = `Wynik ${a ^ b}`
            }
        }
    </script>
</body>
</html>