<h2>Like growing your own food, let's begin exploring roof vegetable garden</h2>

<div class="wrapper">
  <div class='box'>
    <select id="myText">
    <option value="select seed">Select Seed</option>
    <optgroup label="May - June Seeds">
      <option value="okra">Okra</option>
      <option value="bitterGourd">Bitter Gourd</option>
    </optgroup>
    <optgroup label="July - Sept Seeds">
      <option value="peas">Peas</option>
      <option value="bottleGourd">Bottle Gourd</option>
    </optgroup>
  </select>
    <button onclick="myFunction()">How much one can pluck from a plant?</button>
  </div>

  <div id='demo' class="box"></div>

  <div id='mem' class="box">
    <h3>Members at home?</h3>
    <sup><span>Please enter number only</span></sup><br>
    <input id="memCount" type="number">
    <button onclick="member()" id='pma'>After family member count lets make a best guess of Per member appetite</button>
  </div>
  <div id="aCs" class="box">
      <h3>Average Appetite per member</h3>
    <sup>Cooked Vegetable Consumption per member is the thought in mind, make a best guess in grams<br><span>for example 90 grams</span> </sup>
    <br><input id="ac" type="number">
    <button onclick="avgConsumptionPerPerson()">Now lets think of number of times you would love to relish selected veg during the season</button>
  </div>
  <div id="repRec" class="box">
      <h3>:) And how many times during the season?</h3>
    <input id="rr" type="number">
    <button onclick="numberOfTimesRepeated()">The number of plants to grow</button>
  </div>

</div>
<div id='final' class="wrapper2">
  <h3>Here is the Number of Plants you need to Grow</h3>
  <div id="num" class="box e"></div>
</div>