Are You a Tech Genius or a Science Novice?
Test your knowledge of cutting-edge science and technology! From AI to space exploration, see where you stand.
Start Quiz${questionData.question}
${questionData.answers.map((answer, index) => `
${answer.text}
`).join(”)}
`;
}
function selectAnswer(answerIndex) {
const questionData = quizData[currentQuestion];
const isCorrect = questionData.answers[answerIndex].correct;
if (isCorrect) {
score++;
}
userAnswers.push({
question: questionData.question,
selected: questionData.answers[answerIndex].text,
correct: questionData.answers.find(a => a.correct).text,
isCorrect
});
currentQuestion++;
showQuestion();
}
function drawProgressChart() {
const canvas = document.createElement(“canvas”);
canvas.width = 300;
canvas.height = 200;
const ctx = canvas.getContext(“2d”);
const correctCount = userAnswers.filter(a => a.isCorrect).length;
const incorrectCount = totalQuestions – correctCount;
// Draw bar chart
const barWidth = 100;
const maxHeight = 150;
const correctHeight = (correctCount / totalQuestions) * maxHeight;
const incorrectHeight = (incorrectCount / totalQuestions) * maxHeight;
ctx.fillStyle = “#00acc1”;
ctx.fillRect(50, 200 – correctHeight, barWidth, correctHeight);
ctx.fillStyle = “#d81b60”;
ctx.fillRect(200, 200 – incorrectHeight, barWidth, incorrectHeight);
// Labels
ctx.fillStyle = “#333”;
ctx.font = “16px Roboto”;
ctx.textAlign = “center”;
ctx.fillText(“Correct”, 100, 190);
ctx.fillText(“Incorrect”, 250, 190);
ctx.fillText(`${correctCount}`, 100, 170 – correctHeight);
ctx.fillText(`${incorrectCount}`, 250, 170 – incorrectHeight);
return canvas;
}
function showResult() {
const quizContainer = document.getElementById(“quiz”);
const resultContainer = document.getElementById(“result”);
quizContainer.style.display = “none”;
resultContainer.style.display = “block”;
let title, description, recommendation, badgeUrl;
if (score >= 6) {
title = “Tech Genius!”;
description = `Incredible! You scored ${score}/${totalQuestions}, proving you’re a master of science and technology. Your knowledge of AI, quantum computing, and space exploration is top-notch.`;
recommendation = “Keep leading the way! Check out our in-depth tech articles to stay ahead of the curve.”;
badgeUrl = “https://atenajos.blog/wp-content/uploads/2025/08/06fba-tech-genius-badge.png”; // Replace with your hosted image URL
} else if (score >= 3) {
title = “Tech Enthusiast”;
description = `Great job! Your score of ${score}/${totalQuestions} shows you’re passionate about science and tech. A few more dives into the subject, and you’ll be a genius!`;
recommendation = “Explore our blog for tutorials and updates on AI and space exploration to level up.”;
badgeUrl = “https://atenajos.blog/wp-content/uploads/2025/08/86305-tech-enthusiast-badge.png”; // Replace with your hosted image URL
} else {
title = “Science Novice”;
description = `You scored ${score}/${totalQuestions}. You’re just starting your tech journey, and that’s exciting! There’s a whole world of science to discover.`;
recommendation = “Start with our beginner-friendly tech guides on Atenajos Blog to boost your knowledge.”;
badgeUrl = “https://atenajos.blog/wp-content/uploads/2025/08/fc9f3-science-novice-badge-1.png”; // Replace with your hosted image URL
}
// Detailed breakdown
let breakdown = “Your Answers
- “;
userAnswers.forEach((answer, index) => {
breakdown += `
-
Question ${index + 1}: ${answer.question}
Your answer: ${answer.selected}
Correct answer: ${answer.correct}
${answer.isCorrect ? ‘Correct!‘ : ‘Incorrect‘}
`;
});
breakdown += “
${title}
${description}
${recommendation}
${breakdown}Explore more on Atenajos Blog!
Play Again `; // Add progress chart const chart = drawProgressChart(); resultContainer.insertBefore(chart, resultContainer.querySelector(“p:last-child”)); // Update social share links const shareText = `I scored ${score}/${totalQuestions} and earned the ${title} badge on the Tech Genius Quiz at Atenajos Blog! Test your science and tech knowledge: https://atenajos.wordpress.com`; document.getElementById(“twitter-share”).href = `https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}`; document.getElementById(“facebook-share”).href = `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(‘https://atenajos.wordpress.com’)}”e=${encodeURIComponent(shareText)}`; document.getElementById(“linkedin-share”).href = `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(‘https://atenajos.wordpress.com’)}&title=${encodeURIComponent(‘Tech Genius Quiz’)}&summary=${encodeURIComponent(shareText)}`; document.getElementById(“whatsapp-share”).href = `https://api.whatsapp.com/send?text=${encodeURIComponent(shareText)}`; document.getElementById(“pinterest-share”).href = `https://pinterest.com/pin/create/button/?url=${encodeURIComponent(‘https://atenajos.wordpress.com’)}&description=${encodeURIComponent(shareText)}&media=${encodeURIComponent(‘https://atenajos.wordpress.com’ + badgeUrl)}`; }
