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

add conditional color

Browse Source
This commit is contained in:
dev sp
2023-12-23 09:00:00 +00:00
parent 02c920618b
commit 4a25fbea86
8 changed files with 393 additions and 493 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -131,24 +131,34 @@ import Layout from "../../layouts/Layout.astro";
};
function saveUserData() {
// Get checkbox values
const checkboxValues = {
a1: document.getElementById('a1').checked,
a2: document.getElementById('a2').checked,
a3: document.getElementById('a3').checked,
a4: document.getElementById('a4').checked,
a5: document.getElementById('a5').checked,
a6: document.getElementById('a6').checked,
};
console.log(checkboxValues)
// Get checkbox values and corresponding elements
const checkboxes = ['a1', 'a2', 'a3', 'a4', 'a5', 'a6'];
const checkboxValues = checkboxes.map(id => {
const checkbox = document.getElementById(id);
const element = document.getElementById('image' + id.slice(-1));
return {
id: id,
checked: checkbox.checked,
element: element
};
});
// 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;
}
});
// Move the userData object creation inside the saveUserData function if needed
let userData = {
'user': 'tick-v1@beanstalkedu.com',
'game_name': gameName,
'starts': formatedDateTime,
'game_start' : gameStartTime,
'user': 'tick-v1@beanstalkedu.com',
'game_name': gameName,
'starts': formatedDateTime,
'score': totalPoints, // Include the totalPoints in the userData
};
console.log(userData);
fetch(`https://2016.dev2-cs.siliconpin.com/save/`, {
method: 'POST',
headers: {
@@ -168,6 +178,7 @@ import Layout from "../../layouts/Layout.astro";
});
}
document.addEventListener('DOMContentLoaded', function () {
const contactForm = document.getElementById('contactForm');
contactForm.addEventListener('submit', async function (event) {

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

@@ -157,22 +157,41 @@ import Layout from "../../layouts/Layout.astro";
};
function saveUserData() {
const checkboxValues = {
a1: document.getElementById('a1').checked,
a2: document.getElementById('a2').checked,
a3: document.getElementById('a3').checked,
a4: document.getElementById('a4').checked,
a5: document.getElementById('a5').checked,
a6: document.getElementById('a6').checked,
a7: document.getElementById('a7').checked,
a8: document.getElementById('a8').checked,
a9: document.getElementById('a9').checked,
};
// const checkboxValues = {
// a1: document.getElementById('a1').checked,
// a2: document.getElementById('a2').checked,
// a3: document.getElementById('a3').checked,
// a4: document.getElementById('a4').checked,
// a5: document.getElementById('a5').checked,
// a6: document.getElementById('a6').checked,
// a7: document.getElementById('a7').checked,
// a8: document.getElementById('a8').checked,
// a9: document.getElementById('a9').checked,
// };
const checkboxes = ['a1', 'a2', 'a3', 'a4', 'a5', 'a6', 'a7', 'a8', 'a9'];
const checkboxValues = checkboxes.map(id => {
const checkbox = document.getElementById(id);
const element = document.getElementById('image' + id.slice(-1));
return {
id: id,
checked: checkbox.checked,
element: element
};
});
// 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;
}
});
let userData = {
'user': 'tick-v2@beanstalkedu.com',
'game_name': gameName,
'starts': formatedDateTime,
'game_start' : gameStartTime,
// 'game_start' : gameStartTime,
'score' : totalPoints,
};
fetch(`https://2016.dev2-cs.siliconpin.com/save/`, {