[Day4]html

~

1. How many patties would you like?

    <section class="patties">
      <label for="amount">How many patties would you like?</label>
      <input type="number" name="amount" id="amount">
    </section>

~

2. How do you want your patty cooked


Rare

Well-Done

    <section class="cooked">
      <label for="doneness">How do you want your patty cooked</label>
      <br>
      <span>Rare</span>
      <input type="range" name="doneness" id="doneness" value="3" min="1" max="5">
      <span>Well-Done</span>
      
      

~~

3. What toppings would you like?



Lettuce

Tomato

Onion

   <section class="toppings">
      <span>What toppings would you like?</span>
      <br>
      <input type="checkbox" name="topping" id="lettuce" value="lettuce">
      <label for="lettuce">Lettuce</label>
      <input type="checkbox" name="topping" id="tomato" value="tomato">
      <label for="tomato">Tomato</label>
      <input type="checkbox" name="topping" id="onion" value="onion">
      <label for="onion">Onion</label>
    </section>
      
      

~~

4. Would you like to add cheese?



Yes

No

    <section class="cheesy">
      <span>Would you like to add cheese?</span>
      <br>
      <input type="radio" name="cheese" id="yes" value="yes">
      <label for="yes">Yes</label>
      <input type="radio" name="cheese" id="no" value="yes">
      <label for="no">No</label>
    </section>