kar
/
phaser-game-bs
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request 'b4' (#25) from b4 into master 

Reviewed-on: #25
master
Subhodip Ghosh 2024-10-14 05:53:39 +00:00
parent 3e0a99a42b 9ebf6f5d60
commit 9c4e7f184d
18 changed files with 48 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/saveGameData.js
View File

@ -190,7 +190,7 @@ function submitUserData(drawingZone) {
'userId' : userId, 'userId' : userId,
'gameTime' : timeDifferenceInSeconds, 'gameTime' : timeDifferenceInSeconds,
'score' : scoreTotal, 'score' : scoreTotal,
'star' : starValue 'gameStar' : starValue
}; };
console.log(userData); console.log(userData);
fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, { fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {
@ -208,6 +208,7 @@ function submitUserData(drawingZone) {
loadingDiv.style.display = 'none'; loadingDiv.style.display = 'none';
starContainer.style.display = 'flex'; starContainer.style.display = 'flex';
starContainer.style.flexDirection = 'row'; starContainer.style.flexDirection = 'row';
document.getElementById('wsSavedImg').classList.remove('-z-10');
document.getElementById('starFeedbackMessage').innerHTML = feedbackMessage; document.getElementById('starFeedbackMessage').innerHTML = feedbackMessage;
for (let i = 0; i < starValue; i++) { for (let i = 0; i < starValue; i++) {
const starDiv = document.createElement('div'); const starDiv = document.createElement('div');

6
src/pages/cross/cross_phonics_v1.astro
View File

@ -198,9 +198,11 @@ import Layout from "../../layouts/Layout.astro";
if (gameData[id.replace('image', 'a')] === true) { if (gameData[id.replace('image', 'a')] === true) {
element.classList.add('redBorder'); element.classList.add('redBorder');
} else { } else {
wrongCount += 1;
element.classList.add('greenBorder'); element.classList.add('greenBorder');
} }
} else { } else {
wrongCount -= 1;
element.classList.remove('redBorder', 'greenBorder'); element.classList.remove('redBorder', 'greenBorder');
} }
} }
@ -209,7 +211,7 @@ import Layout from "../../layouts/Layout.astro";
function saveUserData() { function saveUserData() {
const checkboxes = ['a1', 'a2', 'a3', 'a4', 'a5', 'a6']; const checkboxes = ['a1', 'a2', 'a3', 'a4', 'a5', 'a6'];
const checkedCount = checkboxes.filter(id => document.getElementById(id).checked).length; const checkedCount = checkboxes.filter(id => document.getElementById(id).checked).length;
if (checkedCount < 0) { if (checkedCount < 1) {
// Show error message if less than 3 checkboxes are checked // Show error message if less than 3 checkboxes are checked
let errorMessageSection = document.getElementById('errorMessage'); let errorMessageSection = document.getElementById('errorMessage');
errorMessageSection.style.display = "block"; errorMessageSection.style.display = "block";
@ -252,7 +254,7 @@ import Layout from "../../layouts/Layout.astro";
'userId': userId, 'userId': userId,
'gameTime': timeDifferenceInSeconds, 'gameTime': timeDifferenceInSeconds,
'score': totalPoints, 'score': totalPoints,
'star': starValue 'gameStar': starValue
}; };
// console.log(userData); // console.log(userData);
progressIncrement(); progressIncrement();

5
src/pages/cross/cross_phonics_v2.astro
View File

@ -227,6 +227,7 @@ import Layout from "../../layouts/Layout.astro";
// console.log(wrongCount) // console.log(wrongCount)
} }
} else { } else {
wrongCount -= 1;
element.classList.remove('redBorder', 'greenBorder'); element.classList.remove('redBorder', 'greenBorder');
} }
} }
@ -237,7 +238,7 @@ import Layout from "../../layouts/Layout.astro";
document.getElementById('allParentDiv').style.display = 'block'; document.getElementById('allParentDiv').style.display = 'block';
const checkboxes = ['a1', 'a2', 'a3', 'a4', 'a5', 'a6', 'a7', 'a8', 'a9']; const checkboxes = ['a1', 'a2', 'a3', 'a4', 'a5', 'a6', 'a7', 'a8', 'a9'];
const checkedCount = checkboxes.filter(id => document.getElementById(id).checked).length; const checkedCount = checkboxes.filter(id => document.getElementById(id).checked).length;
if (checkedCount < 0) { if (checkedCount < 1) {
// Show error message if less than 3 checkboxes are checked // Show error message if less than 3 checkboxes are checked
let errorMessageSection = document.getElementById('errorMessage'); let errorMessageSection = document.getElementById('errorMessage');
errorMessageSection.style.display = "block"; errorMessageSection.style.display = "block";
@ -287,7 +288,7 @@ import Layout from "../../layouts/Layout.astro";
'userId': userId, 'userId': userId,
'gameTime': timeDifferenceInSeconds, 'gameTime': timeDifferenceInSeconds,
'score': totalPoints, 'score': totalPoints,
'star': starValue 'gameStar': starValue
}; };
// console.log(userData); // console.log(userData);
progressIncrement(); progressIncrement();

5
src/pages/cross/v1.astro
View File

@ -202,6 +202,7 @@ import Layout from "../../layouts/Layout.astro";
wrongCount +=1; wrongCount +=1;
} }
} else { } else {
wrongCount -= 1;
element.classList.remove('redBorder', 'greenBorder'); element.classList.remove('redBorder', 'greenBorder');
} }
} }
@ -211,7 +212,7 @@ import Layout from "../../layouts/Layout.astro";
const checkboxes = ['a1', 'a2', 'a3', 'a4', 'a5', 'a6']; const checkboxes = ['a1', 'a2', 'a3', 'a4', 'a5', 'a6'];
const checkedCount = checkboxes.filter(id => document.getElementById(id).checked).length; const checkedCount = checkboxes.filter(id => document.getElementById(id).checked).length;
if (checkedCount < 0) { if (checkedCount < 1) {
// Show error message if less than 3 checkboxes are checked // Show error message if less than 3 checkboxes are checked
let errorMessageSection = document.getElementById('errorMessage'); let errorMessageSection = document.getElementById('errorMessage');
errorMessageSection.style.display = "block"; errorMessageSection.style.display = "block";
@ -255,7 +256,7 @@ import Layout from "../../layouts/Layout.astro";
'userId': userId, 'userId': userId,
'gameTime': timeDifferenceInSeconds, 'gameTime': timeDifferenceInSeconds,
'score': totalPoints, 'score': totalPoints,
'star': starValue 'gameStar': starValue
}; };
progressIncrement(); progressIncrement();
addStarScalingStyles(); addStarScalingStyles();

5
src/pages/cross/v2.astro
View File

@ -220,6 +220,7 @@ import Layout from "../../layouts/Layout.astro";
wrongCount +=1; wrongCount +=1;
} }
} else { } else {
wrongCount -= 1;
element.classList.remove('redBorder', 'greenBorder'); element.classList.remove('redBorder', 'greenBorder');
} }
// console.log(wrongCount) // console.log(wrongCount)
@ -232,7 +233,7 @@ import Layout from "../../layouts/Layout.astro";
const checkboxes = ['a1', 'a2', 'a3', 'a4', 'a5', 'a6', 'a7', 'a8', 'a9']; const checkboxes = ['a1', 'a2', 'a3', 'a4', 'a5', 'a6', 'a7', 'a8', 'a9'];
const checkedCount = checkboxes.filter(id => document.getElementById(id).checked).length; const checkedCount = checkboxes.filter(id => document.getElementById(id).checked).length;
if (checkedCount < 0) { if (checkedCount < 1) {
// Show error message if less than 3 checkboxes are checked // Show error message if less than 3 checkboxes are checked
let errorMessageSection = document.getElementById('errorMessage'); let errorMessageSection = document.getElementById('errorMessage');
errorMessageSection.style.display = "block"; errorMessageSection.style.display = "block";
@ -274,7 +275,7 @@ import Layout from "../../layouts/Layout.astro";
'userId': userId, 'userId': userId,
'gameTime': timeDifferenceInSeconds, 'gameTime': timeDifferenceInSeconds,
'score': totalPoints, 'score': totalPoints,
'star': starValue 'gameStar': starValue
}; };
progressIncrement(); progressIncrement();
addStarScalingStyles(); addStarScalingStyles();

4
src/pages/cross/v3.astro
View File

@ -187,11 +187,11 @@ import Layout from "../../layouts/Layout.astro";
element.classList.add('greenBorder'); element.classList.add('greenBorder');
} }
} else { } else {
wrongCount -= 1;
element.classList.remove('redBorder', 'greenBorder'); element.classList.remove('redBorder', 'greenBorder');
} }
} }
function saveUserData() { function saveUserData() {
document.getElementById('allParentDiv').style.display = 'block'; document.getElementById('allParentDiv').style.display = 'block';
const endTime = Date.now(); const endTime = Date.now();
@ -226,7 +226,7 @@ import Layout from "../../layouts/Layout.astro";
'userId': userId, 'userId': userId,
'gameTime': timeDifferenceInSeconds, 'gameTime': timeDifferenceInSeconds,
'score': totalPoints, 'score': totalPoints,
'star': starValue 'gameStar': starValue
}; };
progressIncrement(); progressIncrement();
addStarScalingStyles(); addStarScalingStyles();

4
src/pages/drag/dragdrop_phonics.astro
View File

@ -18,11 +18,11 @@ import Layout from '../../layouts/Layout.astro';
</div> </div>
<div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3"> <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
<button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button> <button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
<button class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button> <button onclick="retryGame();" class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
</div> </div>
</div> </div>
</div> </div>
<div class="clip-art-container absolute bottom-0 right-0"> <div id="wsSavedImg" class="clip-art-container -z-10 absolute bottom-0 right-0">
<img src="/assets/svg/clip-art2.svg" alt="Clip Art" class="clip-art"> <img src="/assets/svg/clip-art2.svg" alt="Clip Art" class="clip-art">
</div> </div>
</div> </div>

6
src/pages/drag/index.astro
View File

@ -23,11 +23,11 @@ const numberOfTimes = starNumberOfTime;
</div> </div>
<div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3"> <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
<button onclick="" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button> <button onclick="" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
<button class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button> <button onclick="retryGame();" class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
</div> </div>
</div> </div>
</div> </div>
<div class="clip-art-container absolute bottom-0 right-0"> <div id="wsSavedImg" class="clip-art-container -z-10 absolute bottom-0 right-0">
<img src="/assets/svg/clip-art2.svg" alt="Clip Art" class="clip-art"> <img src="/assets/svg/clip-art2.svg" alt="Clip Art" class="clip-art">
</div> </div>
</div> </div>
@ -587,7 +587,7 @@ const numberOfTimes = starNumberOfTime;
</script> </script>
<style href="https://fonts.googleapis.com/css?family=Quicksand&display=swap" rel="stylesheet" > <style href="https://fonts.googleapis.com/css?family=Quicksand&display=swap" rel="stylesheet">
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;

4
src/pages/drag/match_phonics.astro
View File

@ -19,11 +19,11 @@ import Layout from '../../layouts/Layout.astro';
</div> </div>
<div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3"> <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
<button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button> <button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
<button class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button> <button onclick="retryGame();" class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
</div> </div>
</div> </div>
</div> </div>
<div class="clip-art-container absolute bottom-0 right-0"> <div id="wsSavedImg" class="clip-art-container -z-10 absolute bottom-0 right-0">
<img src="/assets/svg/clip-art2.svg" alt="Clip Art" class="clip-art"> <img src="/assets/svg/clip-art2.svg" alt="Clip Art" class="clip-art">
</div> </div>
</div> </div>

4
src/pages/drag/v2.astro
View File

@ -19,11 +19,11 @@ import Layout from '../../layouts/Layout.astro';
</div> </div>
<div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3"> <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
<button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button> <button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
<button class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button> <button onclick="retryGame();" class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
</div> </div>
</div> </div>
</div> </div>
<div class="clip-art-container absolute bottom-0 right-0"> <div id="wsSavedImg" class="clip-art-container -z-10 absolute bottom-0 right-0">
<img src="/assets/svg/clip-art2.svg" alt="Clip Art" class="clip-art"> <img src="/assets/svg/clip-art2.svg" alt="Clip Art" class="clip-art">
</div> </div>
</div> </div>

4
src/pages/drag/v3.astro
View File

@ -19,11 +19,11 @@ import Layout from '../../layouts/Layout.astro';
</div> </div>
<div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3"> <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
<button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button> <button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
<button class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button> <button onclick="retryGame();" class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
</div> </div>
</div> </div>
</div> </div>
<div class="clip-art-container absolute bottom-0 right-0"> <div id="wsSavedImg" class="clip-art-container -z-10 absolute bottom-0 right-0">
<img src="/assets/svg/clip-art2.svg" alt="Clip Art" class="clip-art"> <img src="/assets/svg/clip-art2.svg" alt="Clip Art" class="clip-art">
</div> </div>
</div> </div>

4
src/pages/drag/v4.astro
View File

@ -18,11 +18,11 @@ import Layout from '../../layouts/Layout.astro';
</div> </div>
<div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3"> <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
<button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button> <button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
<button class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button> <button onclick="retryGame();" class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
</div> </div>
</div> </div>
</div> </div>
<div class="clip-art-container absolute bottom-0 right-0"> <div id="wsSavedImg" class="clip-art-container absolute -z-10 bottom-0 right-0">
<img src="/assets/svg/clip-art2.svg" alt="Clip Art" class="clip-art"> <img src="/assets/svg/clip-art2.svg" alt="Clip Art" class="clip-art">
</div> </div>
</div> </div>

5
src/pages/tick/tick_phonics_v1.astro
View File

@ -213,6 +213,7 @@ import Layout from "../../layouts/Layout.astro";
element.classList.add('redBorder'); element.classList.add('redBorder');
} }
} else { } else {
wrongCount -= 1;
element.classList.remove('greenBorder', 'redBorder'); element.classList.remove('greenBorder', 'redBorder');
} }
} }
@ -221,7 +222,7 @@ import Layout from "../../layouts/Layout.astro";
document.getElementById('allParentDiv').style.display = 'block'; document.getElementById('allParentDiv').style.display = 'block';
const checkboxes = ['a1', 'a2', 'a3', 'a4', 'a5', 'a6']; const checkboxes = ['a1', 'a2', 'a3', 'a4', 'a5', 'a6'];
const checkedCount = checkboxes.filter(id => document.getElementById(id).checked).length; const checkedCount = checkboxes.filter(id => document.getElementById(id).checked).length;
if (checkedCount < 0) { if (checkedCount < 1) {
// Show error message if less than 3 checkboxes are checked // Show error message if less than 3 checkboxes are checked
let errorMessageSection = document.getElementById('errorMessage'); let errorMessageSection = document.getElementById('errorMessage');
errorMessageSection.style.display = "block"; errorMessageSection.style.display = "block";
@ -264,7 +265,7 @@ import Layout from "../../layouts/Layout.astro";
'userId': userId, 'userId': userId,
'gameTime': timeDifferenceInSeconds, 'gameTime': timeDifferenceInSeconds,
'score': totalPoints, 'score': totalPoints,
'star': starValue 'gameStar': starValue
}; };
// console.log(userData); // console.log(userData);

5
src/pages/tick/tick_phonics_v2.astro
View File

@ -244,6 +244,7 @@ import Layout from "../../layouts/Layout.astro";
element.classList.add('redBorder'); element.classList.add('redBorder');
} }
} else { } else {
wrongCount -= 1;
element.classList.remove('greenBorder', 'redBorder'); element.classList.remove('greenBorder', 'redBorder');
} }
} }
@ -252,7 +253,7 @@ import Layout from "../../layouts/Layout.astro";
document.getElementById('allParentDiv').style.display = 'block'; document.getElementById('allParentDiv').style.display = 'block';
const checkboxes = ['a1', 'a2', 'a3', 'a4', 'a5', 'a6', 'a7', 'a8', 'a9']; const checkboxes = ['a1', 'a2', 'a3', 'a4', 'a5', 'a6', 'a7', 'a8', 'a9'];
const checkedCount = checkboxes.filter(id => document.getElementById(id).checked).length; const checkedCount = checkboxes.filter(id => document.getElementById(id).checked).length;
if (checkedCount < 0) { if (checkedCount < 1) {
// Show error message if less than 3 checkboxes are checked // Show error message if less than 3 checkboxes are checked
let errorMessageSection = document.getElementById('errorMessage'); let errorMessageSection = document.getElementById('errorMessage');
errorMessageSection.style.display = "block"; errorMessageSection.style.display = "block";
@ -292,7 +293,7 @@ import Layout from "../../layouts/Layout.astro";
'userId': userId, 'userId': userId,
'gameTime': timeDifferenceInSeconds, 'gameTime': timeDifferenceInSeconds,
'score': totalPoints, 'score': totalPoints,
'star': starValue 'gameStar': starValue
}; };
// console.log(userData); // console.log(userData);

3
src/pages/tick/tick_phonics_v3.astro
View File

@ -182,6 +182,7 @@ import Layout from "../../layouts/Layout.astro";
element.classList.add('redBorder'); element.classList.add('redBorder');
} }
} else { } else {
wrongCount -= 1;
element.classList.remove('greenBorder', 'redBorder'); element.classList.remove('greenBorder', 'redBorder');
} }
} }
@ -218,7 +219,7 @@ import Layout from "../../layouts/Layout.astro";
'userId': userId, 'userId': userId,
'gameTime': timeDifferenceInSeconds, 'gameTime': timeDifferenceInSeconds,
'score': totalPoints, 'score': totalPoints,
'star': starValue 'gameStar': starValue
}; };
// console.log(userData); // console.log(userData);
progressIncrement(); progressIncrement();

10
src/pages/tick/v1.astro
View File

@ -198,7 +198,6 @@ import Layout from "../../layouts/Layout.astro";
} }
}, 100); }, 100);
} }
function checkResult2(id) { function checkResult2(id) {
const checkbox = document.getElementById('a' + id.slice(-1)); const checkbox = document.getElementById('a' + id.slice(-1));
const element = document.getElementById(id); const element = document.getElementById(id);
@ -211,15 +210,16 @@ import Layout from "../../layouts/Layout.astro";
wrongCount += 1; wrongCount += 1;
} }
} else { } else {
wrongCount -= 1;
element.classList.remove('greenBorder', 'redBorder'); element.classList.remove('greenBorder', 'redBorder');
} }
} }
function saveUserData() { function saveUserData() {
document.getElementById('allParentDiv').style.display = 'block'; document.getElementById('allParentDiv').style.display = 'block';
const checkboxes = ['a1', 'a2', 'a3', 'a4', 'a5', 'a6']; const checkboxes = ['a1', 'a2', 'a3', 'a4', 'a5', 'a6'];
const checkedCount = checkboxes.filter(id => document.getElementById(id).checked).length; const checkedCount = checkboxes.filter(id => document.getElementById(id).checked).length;
if (checkedCount < 0) { if (checkedCount < 1) {
// Show error message if less than 3 checkboxes are checked // Show error message if less than 3 checkboxes are checked
let errorMessageSection = document.getElementById('errorMessage'); let errorMessageSection = document.getElementById('errorMessage');
errorMessageSection.style.display = "block"; errorMessageSection.style.display = "block";
@ -261,7 +261,7 @@ import Layout from "../../layouts/Layout.astro";
'userId': userId, 'userId': userId,
'gameTime': timeDifferenceInSeconds, 'gameTime': timeDifferenceInSeconds,
'score': totalPoints, 'score': totalPoints,
'star': starValue 'gameStar': starValue
}; };
// console.log(userData);let progress = 0; // console.log(userData);let progress = 0;
progressIncrement(); progressIncrement();
@ -364,8 +364,6 @@ import Layout from "../../layouts/Layout.astro";
console.error('An error occurred', error); console.error('An error occurred', error);
}); });
} }
document.addEventListener('DOMContentLoaded', function () { document.addEventListener('DOMContentLoaded', function () {
const contactForm = document.getElementById('contactForm'); const contactForm = document.getElementById('contactForm');
contactForm.addEventListener('submit', async function (event) { contactForm.addEventListener('submit', async function (event) {

7
src/pages/tick/v2.astro
View File

@ -240,17 +240,18 @@ import Layout from "../../layouts/Layout.astro";
} else { } else {
element.classList.add('redBorder'); element.classList.add('redBorder');
wrongCount += 1; wrongCount += 1;
console.log("Wrong Count ", wrongCount)
} }
} else { } else {
wrongCount -= 1;
element.classList.remove('greenBorder', 'redBorder'); element.classList.remove('greenBorder', 'redBorder');
} }
} }
function saveUserData() { function saveUserData() {
document.getElementById('allParentDiv').style.display = 'block'; document.getElementById('allParentDiv').style.display = 'block';
const checkboxes = ['a1', 'a2', 'a3', 'a4', 'a5', 'a6', 'a7', 'a8', 'a9']; const checkboxes = ['a1', 'a2', 'a3', 'a4', 'a5', 'a6', 'a7', 'a8', 'a9'];
const checkedCount = checkboxes.filter(id => document.getElementById(id).checked).length; const checkedCount = checkboxes.filter(id => document.getElementById(id).checked).length;
if (checkedCount < 0) { if (checkedCount < 1) {
// Show error message if less than 3 checkboxes are checked // Show error message if less than 3 checkboxes are checked
let errorMessageSection = document.getElementById('errorMessage'); let errorMessageSection = document.getElementById('errorMessage');
errorMessageSection.style.display = "block"; errorMessageSection.style.display = "block";
@ -301,7 +302,7 @@ import Layout from "../../layouts/Layout.astro";
'userId': userId, 'userId': userId,
'gameTime': timeDifferenceInSeconds, 'gameTime': timeDifferenceInSeconds,
'score': totalPoints, 'score': totalPoints,
'star': starValue 'gameStar': starValue
}; };
// console.log(userData); // console.log(userData);
progressIncrement(); progressIncrement();

3
src/pages/tick/v3.astro
View File

@ -193,6 +193,7 @@ import Layout from "../../layouts/Layout.astro";
element.classList.add('redBorder'); element.classList.add('redBorder');
} }
} else { } else {
wrongCount -= 1;
element.classList.remove('greenBorder', 'redBorder'); element.classList.remove('greenBorder', 'redBorder');
} }
} }
@ -229,7 +230,7 @@ import Layout from "../../layouts/Layout.astro";
'userId': userId, 'userId': userId,
'gameTime': timeDifferenceInSeconds, 'gameTime': timeDifferenceInSeconds,
'score': totalPoints, 'score': totalPoints,
'star': starValue 'gameStar': starValue
}; };
// console.log(userData); // console.log(userData);
progressIncrement(); progressIncrement();