Untitled

<!DOCTYPE html>
<html lang="pl" dir="ltr">
<head>
    <meta charset="utf-8">
    <title>JavaScript - zmienne i funkcje</title>
    <script type="text/javascript">
        var przykladowaZmienna = 20;

        function nowaFunkcja() {
            przykladowaZmienna = 30;
            document.write("Pierwsze wywołanie zmiennej typu var o nazwie 'przykladowaZmienna': " + przykladowaZmienna + "<br>");

            var przykladowaZmienna = 40; // deklaracja wewnątrz funkcji!!!
            document.write("Drugie wywołanie zmiennej typu var o nazwie 'przykladowaZmienna': " + przykladowaZmienna + "<br>");
        }

        nowaFunkcja();
        document.write("Trzecie wywołanie zmiennej typu var o nazwie 'przykladowaZmienna': " + przykladowaZmienna + "<br>");

        function zmiennaTypuVar() {
            var zmienna = 5;

            for (var zmienna = 0; zmienna < 10; zmienna++) {
            }

            document.write("To jest wynik zmiennej typu var: " + zmienna + "<br>");
        }

        zmiennaTypuVar();

        function zmiennaTypuLet() {
            let zmienna = 5;

            for (let zmienna = 0; zmienna < 10; zmienna++) {
            }

            document.write("To jest wynik zmiennej typu let: " + zmienna + "<br>");
        }

        zmiennaTypuLet();

        const wynik = 100;

        function dodawanie(a, b) {
            var wynik = false;

            if (Number.isNaN(a) || Number.isNaN(b)) {
                let tekst = "Brak danych";
                wynik = tekst;
            } else {
                wynik = a + b;
            }

            return wynik;
        }

        function mnożenie(a, b) {
            var wynik = false;

            if (Number.isNaN(a) || Number.isNaN(b)) {
                let tekst = "Brak danych";
                wynik = tekst;
            } else {
                wynik = a * b;
            }

            return wynik;
        }

        function dzielenie(a, b) {
            var wynik = false;

            if (Number.isNaN(a) || Number.isNaN(b) || b < 1) {
                let tekst = "Brak danych lub dzielenie przez 0";
                wynik = tekst;
            } else {
                wynik = a / b;
            }

            return wynik;
        }

        function odejmowanie(a, b) {
            var wynik = false;

            if (Number.isNaN(a) || Number.isNaN(b)) {
                let tekst = "Brak danych";
                wynik = tekst;
            } else {
                wynik = a - b;
            }

            return wynik;
        }

        function kalkulator(wynik) {
            var liczba1 = parseFloat(document.getElementById("liczba1").value);
            var liczba2 = parseFloat(document.getElementById("liczba2").value);

            var dzialania = document.getElementsByName('dzialanie');

            for (var i = 0, length = dzialania.length; i < length; i++) {
                if (dzialania[i].checked) {
                    var dzialanie = dzialania[i].value;
                    break;
                }
            }

            switch (dzialanie) {
                case '+':
                    wynik = dodawanie(liczba1, liczba2);
                    break;
                case '-':
                    wynik = odejmowanie(liczba1, liczba2);
                    break;
                case 'x':
                    wynik = mnożenie(liczba1, liczba2);
                    break;
                case '/':
                    wynik = dzielenie(liczba1, liczba2);
                    break;
            }

            document.getElementById("wynik").value = wynik;
        }

        function ustawTlo(element) {
            document.getElementById(element).style.backgroundColor = 'lightblue';
        }

        function resetujTlo(element) {
            document.getElementById(element).style.backgroundColor = 'transparent';
        }

        function dodaj() {
            var element = document.getElementById('zliczanie');
            var count = element.dataset.count;

            count++;
            element.dataset.count = count;
            element.textContent = 'Kliknięto ' + element.dataset.count + ' raz(y)';

        }

        function errorHandler(msg) {
            alert(msg);
        }

        document.body.innerHTML += '<button type="button" data-count="0" id="zliczanie">Kliknij mnie</button>';
        document.getElementById('zliczanie').addEventListener('click', function () {
            dodaj();
        }, false);


        window.onerror = function (message, source, lineno, colno, error) {
            errorHandler(message);
        }

        nieIstniejacaFunkcja();

    </script>
</head>
<body>
<form id="calk" action="#" name="theForm">
    <input onmouseover="ustawTlo('liczba1')" onmouseout="resetujTlo('liczba1')" type="text" id="liczba1"
           placeholder="liczba1"/><br>
    <input onmouseover="ustawTlo('liczba2')" onmouseout="resetujTlo('liczba2')" type="text" id="liczba2"
           placeholder="liczba2"/><br>
    <input type="radio" name="dzialanie" value="+" checked/> +
    <input type="radio" name="dzialanie" value="-"/> -
    <input type="radio" name="dzialanie" value="x"/> x
    <input type="radio" name="dzialanie" value="/"/> /<br>
    <input type="text" id="wynik" placeholder="wynik" disabled="disabled"/><br>
    <button type="button" onclick="kalkulator(10)">Oblicz</button>
</form>
</body>
</html>