Zad4

<!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;
            var wynik = ilosc * cena;
            if (a) {
                document.getElementById("pole").innerHTML = "pączki:" + ilosc + " x " + cena + "=" + wynik;
            } else if (b) {
                document.getElementById("pole").innerHTML = "rurki:" + ilosc + " x " + cena + "=" + wynik;
            } else if (c) {
                document.getElementById("pole").innerHTML = "caaa:" + ilosc + " x " + cena + "=" + wynik;
            } else if (d) {
                document.getElementById("pole").innerHTML = "daaa:" + ilosc + " x " + cena + "=" + wynik;
            } else if (e) {
                document.getElementById("pole").innerHTML = "eaaa:" + ilosc + " x " + cena + "=" + wynik;
            }
        }
    </script>
</head>

<body>
    <form>
        <input type="radio" name="jedzenie" id="a">pączki<br>
        <input type="radio" name="jedzenie" id="b">rurki z kremem<br>
        <input type="radio" name="jedzenie" id="c">c<br>
        <input type="radio" name="jedzenie" id="d">d<br>
        <input type="radio" name="jedzenie" id="e">e<br>
        <input type="text" id="ilosc" placeholder="ilosc">
        <input type="button" value="zamow" onclick="pokaz()">
    </form>
    <p id="pole"></p>
</body>

</html>