I am trying to display the "pizza type" value on the summary but got "The order is placed for a Medium sized undefined pizza". I wanted "Deep dish pizza" but got "undefined pizza" instead.

Here is my pizza type block:

<h1>Choose pizza type:</h1>
                <select>
                    <option name="style" value="Regular">Regular</option>
                    <option name="style" value="Deep dish">Deep Dish</option>
                </select>

<script>

function order() {

var Size = document.form.size.value;

var Style = document.form.style.value;

document.write("The order is placed for a " + Size + " sized " + Style + " pizza");

}

</script>

I tried using different methods of displaying value but doesn't work. May someone help me please?

Style is a built in member object, referring to the css properties (like margin, padding, color) of the object.

Assign a different name for the input element instead of style, type or something, so that you would access it like "document.form.type.value"