Untitled


<!DOCTYPE>
<html>

<head>
    <meta charset="utf-8">
    <title>Remonty mieszkań</title>
    <link rel="stylesheet" href="remont.css" type="text/css">
</head>

<body>
    <section class="menu">
        <img src="logotyp.png">
    </section>
    <section class="menu">
        <a href="index.html">O FIRMIE</a>
    </section>
    <section class="menu">
        <a href="adres.html">ADRES</a>
    </section>
    <section class="menu">
        <a href="policz.html">POLICZ</a>
    </section>
    <section class="menu">
        <a href="http://www.jakremontowac.pl/">LINKI</a>
    </section>
    <main>
        <h1>Kafelkowanie łazienki</h1>
        <p> powierzchnia w m2: <input type="number" min="1" id="metr"> </p>
        <br><input type="radio" name="plytki" id="plytki1"> Płytki 20 x 20 cm
        <br><input type="radio" name="plytki" id="plytki2"> Płytki 25 x 12 cm
        <p><input type="submit" value="Przelicz" id="klik" onclick="oblicz()"></p>
        <p id="wynik"></p>
    </main>
    <footer>
        <p>Autor strony: Iwona Kowalczyk</p>
    </footer>
    <script>
        function oblicz() {
            var metr = document.getElementById("metr").value;
            var plytki1 = document.getElementById("plytki1").checked;
            var plytki2 = document.getElementById("plytki2").checked;
            var wynik;
            if (plytki1 == true) {
                document.getElementById("wynik").innerHTML = "Koszt malowania: " + metr * 70 + " zł";

            } else if (plytki2 == true) {
                document.getElementById("wynik").innerHTML = "Koszt malowania: " + metr * 80 + " zł";

            }
        }

    </script>
</body>

</html>