Untitled

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>opdracht 6</title>
        <link type="text/css" rel="stylesheet" href="http://eduweb.hhs.nl/~areuneker/files/itp2014/pizzastyle.css">

        <script type="text/javascript">
            function updateOrder() {
                alert('hallo');
                const BTW=0.021;
                var pizzaPastaPrice=5.25;
                var numberOfPizzas=parseInt(document.getElementById('pizzas').value);
                var numberOfPastas=parseInt(document.getElementById('pastas').value);
                var subTotal=(numberOfPizzas+numberOfPastas)*pizzaPastaPrice;
                var calcBTW=subTotal*BTW;
                var total=subTotal+calcBTW;
                document.getElementById('subTotal').value=subTotal.toFixed(2);
                document.getElementById('BTW').value=calcBTW.toFixed(2);
                document.getElementById('total').value=total.toFixed(2);
            }
            function welcomeGuest() {
                alert('Welkom op deze pizza-en-pastapagina!');
            }
            *//window.onload=welcomeGuest();
        </script>

    </head>
    <body>
        <h1>Bestel een pizza of een pasta</h1>
        <p class="saleOffer">Vandaag kosten pizza's en pasta's maar &euro;5,25!</p>
        <figure>
            <img src="http://eduweb.hhs.nl/~areuneker/files/itp2014/pizzatime.jpg">
            <figcaption>Tijd voor pizza!</figcaption>
        </figure>
        <form action="#" method="get">

            <fieldset>
                <legend>Klantgegevens</legend>
                <label for="name">Naam:</label>
                <input type="text" name="name" id="name" placeholder="Voor- en achternaam" required>
                <label for="email">E-mail: </label><input type="email" name="email" id="email" placeholder="E-mailadres" required>
                <label for="telephone">Telefoonnummer:</label>
                <input type="text" name="telephone" id="telephone" placeholder="Telefoonnummer" maxlength="10" required>
            </fieldset>

            <fieldset>
                <legend>Bestelling</legend>
                <label for="pizzas">Aantal pizza's:</label>
                <input type="number" name="pizzas" id="pizzas" class="shortInput" value="0" min="0" max="10" step="1" onchange="updateOrder();">
                <label for="pastas">Aantal pasta's:</label>
                <input type="number" name="pastas" id="pastas" class="shortInput" value="0" min="0" max="10" step="1" onchange="updateOrder();">
            </fieldset>

            <fieldset>
                <legend>Afhalen &#38; betalen</legend>
                <label for="pickupTime">Tijd tot afhalen (min):</label>
                <input type="number" name="pickupTime" id="pickupTime" class="shortInput" value="10" min="0" max="60" step="5">
                <label for="subTotal">Subtotaal (&euro;):</label>
                <input type="text" name="subTotal" id="subTotal" class="shortInput" readonly="readonly">
                <label for="BTW">BTW (&euro;): </label>
                <input type="text" name="BTW" id="BTW" class="shortInput" readonly="readonly">
                <label for="total">Totaalprijs (&euro;): </label>
                <input type="text" name="total" id="total" class="shortInput" readonly="readonly">
            </fieldset>

            <fieldset>
                <legend>Bestelling plaatsen</legend>
                <p>Bij dezen verklaar ik zeker te weten dat ik de bovengenoemde bestelling wil plaatsen en verklaar ik dat ik op de hoogte ben van de algemene voorwaarden.</p>
                <input type="submit" value="Bestelling verzenden">
            </fieldset>

        </form>
    </body>
</html>