pull/25/head
Suvodip 2024-10-03 13:33:08 +05:30
parent 2e342cd642
commit aff599a883
11 changed files with 22 additions and 11 deletions

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";

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";

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";

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";

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();

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";

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";

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');
} }
} }

View File

@ -211,15 +211,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";

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";

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');
} }
} }