<!DOCTYPE html>
<html lang="pl">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kalkulator</title>
    <script>
        let pierwszePole;
        let drugePole;
        let wynik;

        window.onload = () => {
            console.log("onload")
            pierwszePole = document.getElementById("pierwszePole");
            drugePole = document.getElementById("drugePole");
            wynik = document.getElementById("wynik");
        }

        function Calculate(operation) {
            if (!SprawdzPoprawnoscLiczby(pierwszePole.value) && !SprawdzPoprawnoscLiczby(drugePole.value)) {
                alert("Prosze uzupelnic obie liczby")
                return;
            }
            let pierwszaLiczba = parseInt(pierwszePole.value)
            let drugaLiczba = parseInt(drugePole.value)
            switch (operation) {
                case "+":
                    wynik.innerText = `${pierwszaLiczba} + ${drugaLiczba} = ${pierwszaLiczba + drugaLiczba} `;
                    break;
                case "-":
                    wynik.innerText = `${pierwszaLiczba} - ${drugaLiczba} = ${pierwszaLiczba - drugaLiczba} `;
                    break;
                case "*":
                    wynik.innerText = `${pierwszaLiczba} * ${drugaLiczba} = ${pierwszaLiczba * drugaLiczba} `;
                    break;
                case "/":
                    if(drugaLiczba === 0){
                        alert("Nie wolno dzielic przez zero")
                        return;
                    }
                    wynik.innerText = `${pierwszaLiczba} / ${drugaLiczba} = ${pierwszaLiczba / drugaLiczba} `;
                    break;

                default:
                    break;
            }
        }

        function SprawdzPoprawnoscLiczby(text) {
            if (typeof text != "string") return false
            let liczba = parseInt(text)
            console.log(liczba)
            return !isNaN(liczba)
        }
    </script>
</head>

<body>
    <h1>PROSTE DZIALANIA</h1>
    Podaj pierwsze liczbe: <input id="pierwszePole"><br>
    Podaj druge liczbe: <input id="drugePole"><br>
    <input type="button" onclick="Calculate('+')" value="DODAWANIE">
    <input type="button" onclick="Calculate('-')" value="ODEJMOWANIE">
    <input type="button" onclick="Calculate('*')" value="MNORZENIE">
    <input type="button" onclick="Calculate('/')" value="DZIELENIA">
    <p id="wynik"></p>
</body>

</html>