Untitled


<!DOCTYPE html>
<html lang="en">
    <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title> Viper's Pizza </title>
        <script>
    function Submit_order_alert()
        {
         const Info = document.getElementById("Info");
            const FirstName = document.getElementById("FirstName");

    Info.innerHTML = ("Thank you " + FirstName + " We have your address as " + Address + " your phone number is " + Phone Number )

        }


    </script>
</head>


<body>
    <header><h1>Vipers Pizza</h1> </header>
        <div id="tagline"> <h2>Where you find Venom inside Pizza &trade;</h2></div>
     <img src="viper.jpg" width ="140" height ="160" alt="Vipers Pizza Company Logo">

    <main>


        <p>First Name: <input type="text" id="FirstName" name ="user_name"> </p> <p>Last Name: <input type="text" id="1234" name ="user_name"/></p>
            <p>Phone Number: <input type="text" id="PhoneNumber" name ="phone_number" /> </p>
            <p>Email Address: <input type="text" id="EmailAddress" name ="user_name"/></p>
            <p> Address: <input type="text" id="Address" name = "address" /></p>
            <p>Size: <select>
                <option value="10"> Small $10 </option>
                <option value ="13"> Medium $13 </option>
                <option value ="16"> Large $16 </option>
                        </select></p>

            <p>Toppings:</p>
                            <p>Mushrooms <input type="checkbox" name="Mushrooms"></p>
                            <p>Olives <input type="checkbox" name="Olives"></p>
                            <p>Sausage <input type="checkbox" name="Sausage"></p>
                <p> Special Requests: <textarea name="comments" col="25" rows ="5" ></textarea></p>


            <p>Would you like to be added to our mailing list for our periodic specials?</p>
            <p>Yes <input type="radio" name ="Radyes"></p>
            <p>No <input type ="radio" name="Radyes"></p>


                  <p><input type="button" value="Submit my order" onclick="Submit_order_alert()"></p>

            <p id="p1"> </p>
        <p id="Info"> </p>

    </main>


    <footer><h6>Thank you for choosing Vipers Pizza.  </h6>
        <h6> 6723 1 E Jackson Blvd.</h6>
            <h6>(773)-298-3947</h6> </footer>


</body>
    </html>