changed values for dropdown to numbers

public/index.html

@@ -64,10 +64,10 @@
           <label for="readerLevel">Reader Level:</label>
           <select class="box-input" id="readerLevel" onchange="readerLevelChangeEvent(event)">
             <option value="">Select level</option>
-            <option value="First Year">First Year</option>
-            <option value="Second Year">Second Year</option>
-            <option value="Third Year">Third Year</option>
-            <option value="Fourth Year">Fourth Year</option>
+            <option value="1">First Year</option>
+            <option value="2">Second Year</option>
+            <option value="3">Third Year</option>
+            <option value="4">Fourth Year</option>
           </select>
           <div id="readerLevel-validation" class="error-message">Please select the reader level.</div>
         </div>
@@ -75,10 +75,10 @@
           <label for="readerCategory">Reader Category:</label>
           <select class="box-input" id="readerCategory" onchange="readerCategoryChangeEvent(event)">
             <option value="">Select category</option>
-            <option value="Mixed-ability group">Mixed-ability group</option>
-            <option value="High-ability group">High-ability group</option>
-            <option value="Good-ability group">Good-ability group</option>
-            <option value="Average-ability group">Average-ability group</option>
+            <option value="1">Mixed-ability group</option>
+            <option value="2">High-ability group</option>
+            <option value="3">Good-ability group</option>
+            <option value="4">Average-ability group</option>
           </select>
           <div id="readerCategory-validation" class="error-message">Please select the reader category.</div>
         </div>
@@ -88,7 +88,7 @@
           </div>
           <div id="calculate-time-element" style="display: none;">
             <div class="title">
-              <h2>Estimated Reading Time: 5 min</h2>
+              <h2>Estimated Reading Time: <span id="reading-time-element"></span> min</h2>
             </div>
             <div>
               Send your feedback on: ybehira@yahoo.com