ZAD 1 Egzamin

<!DOCTYPE html>
<html lang="en">
<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>
</head>
<body>
    <h1>Oblicz koszt dostawy</h1> <br>
    <input type="checkbox" id="chck">
    <label for="chck">Jestem z Zielonej Góry </label> <br>
    <p>albo</p>
    Podaj ilość kilometrów
    <input type="number" id="kilometry"><br>
    <input type="button" id="oblicz" value="Oblicz"><br>
    <p id="tak"></p>
    <script>

        var chck = document.getElementById('chck');
        var km = document.getElementById('kilometry');
        var txt = document.getElementById('tak');
        console.log(chck.value);

        var btn = document.getElementById('oblicz');
        var kwota
        btn.onclick =function () {

            if(chck.checked){
                txt.textContent = "Dowieziemy Twoją pizzę za darmo";

            }else{

                 kwota = 2 * km.value;
                 txt.textContent = "Dowóz będzie Cię kosztował " + kwota + " złotych";

            }
        }


    </script>
</body>
</html>