How do I display an answer on a separate html page using javascript?

Question

I've got an input that has three possible fortunes depending on the number.

Fortune 1. "You will have a great day."

Fortune 2."Your day is bound by misfortune."

Fortune 3."Today is neither good or bad."

I want to display one of these answers depending on what the user chooses on a separate html page after they hit send.

How would I accomplish this using javascript?

code:

  <form>
<label style="color:black ;" for="selectFortune">
   <select  id="selectFortune" >
   <option value="Choice" style="color:black;">Please Pick Between 1 and 3 for your fortune</option>
   <option value="Fortune 1" style="color:black;">1</option>
   <option value="Fortune 2" style="color:black;">2</option>
   <option value="Fortune 3">3</option>
   </select>
</label>

<label for="button">
     <button type="submit" value="submit" id="sLeadSubmit" class="button-green open" data-zcom-event="studios_lead_submit" data-has-zcom-event-handler="1">Send</button>
</label>

 </form>

Answer 1

To open new window within click event method you can use :

var newTab = window.open("");

This will open new tab in browser window then to write quotes within this window you can use :

newTab.document.write("Hello");