title: How to redirect a user based on option/select in html (After clicking a button)
body: <p>I AM NEW TO THIS AND I DON'T KNOW ANYTHING ABOUT JS OR CSS <br>
  How can I redirect a user to another page depending on the option selected(After the button has been clicked, not after an option has been selected)<br>
  For instance, if I select Veg and click the 'Done' button, I should be taken to VegMenu.html and if I select Non-veg, I should be taken to NonVegMenu.html
  <br>
  I tried doing <b><a href="https://stackoverflow.com/questions/19388382/javascript-redirect-based-on-option-selected">this</a></b> but I'm redirected to the page as I select the option which I don't want. I want be redirected after pressing 'Done'</p>
  
  <pre><code>&lt;input type="text" name="name"&gt;&lt;/input&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;select id="Opt"&gt;
  &lt;option&gt;Veg&lt;/option&gt;
  &lt;option&gt;Non-Veg&lt;/option&gt;
  &lt;/select&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;input type="text" name="age"&gt;&lt;/input&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;button&gt;Done&lt;/button&gt;
  </code></pre>