add eraser button and add start calculation logic

src/pages/tick/tick_phonics_v3.astro

@@ -68,9 +68,14 @@ import Layout from "../../layouts/Layout.astro";
 <script is:inline>
     const params = new URLSearchParams(window.location.search);
     const gameId = params.get('id');
-    const userId = params.get('userid');
+    const userId = params.get('userId');
     let startTime = Date.now();
     let gameData = null;
+    let starValue;
+    let url = window.location.href;
+    let urlSplit = url.split('/');
+    let gameName = urlSplit[3] + '-' + urlSplit[4].split('?')[0];
+    let totalPoints = 0;
 
     fetch(`https://game-du.teachertrainingkolkata.in/items/game_tick_v3_phonics/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
         .then(res => res.json())
@@ -108,9 +113,6 @@ import Layout from "../../layouts/Layout.astro";
             element.classList.remove('greenBorder', 'redBorder');
         }
     }
-    let url = window.location.href;
-    let urlSplit = url.split('/');
-    let gameName = urlSplit[3] + '-' + urlSplit[4];
 
     function saveUserData() {
         const endTime = Date.now();
@@ -130,19 +132,19 @@ import Layout from "../../layouts/Layout.astro";
         });
 
         // Count points based on checkbox values and "greenBorder" class
-        let totalPoints = 0;
         checkboxValues.forEach(checkbox => {
             if (checkbox.checked && checkbox.element.classList.contains('greenBorder')) {
                 totalPoints += 1;
             }
         });
-
+        totalPoints === 1 ? starValue = 5 : starValue = 3;
         let userData = {
             'gameName': gameName,
             'gameID': gameId,
             'userId': userId,
             'gameTime': timeDifferenceInSeconds,
             'score': totalPoints,
+            'star': starValue
         };
         // console.log(userData);
         fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {