Zad5

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        function pokaz() {
            var a = document.getElementById("a").checked;
            var b = document.getElementById("b").checked;
            var c = document.getElementById("c").checked;
            var d = document.getElementById("d").checked;
            var e = document.getElementById("e").checked;
            var ilosc = document.getElementById("ilosc").value;
            var cena = 2;

            if (a) {
                var wynik1 = ilosc * cena;
                document.getElementById("pole1").innerHTML = "pączki:" + ilosc + " x " + cena + "=" + wynik1;
            } else {
                var wynik1 = 0;
                document.getElementById("pole1").innerHTML = "";
            }
            if (b) {
                var wynik2 = ilosc * cena;
                document.getElementById("pole2").innerHTML = "rurki:" + ilosc + " x " + cena + "=" + wynik2;
            } else {
                var wynik2 = 0;
                document.getElementById("pole2").innerHTML = "";
            }
            if (c) {
                var wynik3 = ilosc * cena;
                document.getElementById("pole3").innerHTML = "caaa:" + ilosc + " x " + cena + "=" + wynik3;
            } else {
                var wynik3 = 0;
                document.getElementById("pole3").innerHTML = "";
            }
            if (d) {
                var wynik4 = ilosc * cena;
                document.getElementById("pole4").innerHTML = "daaa:" + ilosc + " x " + cena + "=" + wynik4;
            } else {
                var wynik4 = 0;
                document.getElementById("pole4").innerHTML = "";
            }
            if (e) {
                var wynik5 = ilosc * cena;
                document.getElementById("pole5").innerHTML = "eaaa:" + ilosc + " x " + cena + "=" + wynik5;
            } else {
                var wynik5 = 0;
                document.getElementById("pole5").innerHTML = "";
            }

            var wynik = wynik1 + wynik2 + wynik3 + wynik4 + wynik5;
            document.getElementById("suma").innerHTML = "Suma: " + wynik;

        }
    </script>
</head>

<body>
    <form>
        <input type="checkbox" name="jedzenie" id="a">pączki<br>
        <input type="checkbox" name="jedzenie" id="b">rurki z kremem<br>
        <input type="checkbox" name="jedzenie" id="c">c<br>
        <input type="checkbox" name="jedzenie" id="d">d<br>
        <input type="checkbox" name="jedzenie" id="e">e<br>
        <input type="text" id="ilosc" placeholder="ilosc">
        <input type="button" value="zamow" onclick="pokaz()">
    </form>
    <p id="pole1"></p>
    <p id="pole2"></p>
    <p id="pole3"></p>
    <p id="pole4"></p>
    <p id="pole5"></p>
    <p id="suma"></p>

</body>

</html>