document.addEventListener('DOMContentLoaded', (event) => { const forms = document.querySelectorAll('.question-form'); forms.forEach(form => { const inputs = form.querySelectorAll('input[type="radio"]'); inputs.forEach(input => { input.addEventListener('change', () => { // Reset the custom styling for all options inputs.forEach(inpt => { const labelSpan = inpt.nextElementSibling; labelSpan.style.backgroundColor = '#eee'; // Default background color labelSpan.style.color = '#333'; // Default text color }); // Apply custom styling to the selected option const selectedLabelSpan = input.nextElementSibling; selectedLabelSpan.style.backgroundColor = '#4CAF50'; // Selected background color selectedLabelSpan.style.color = 'white'; // Selected text color }); }); }); }); function showAnswer(element) { const form = element.closest('form'); form.querySelector('.answer-description').style.display = 'block'; form.querySelector('.result').style.display = 'none'; // Hide result if shown } function checkAnswer(element, correctAnswer) { const form = element.closest('form'); const resultElement = form.querySelector('.result'); var selectedAnswer = form.querySelector('input[name="answer"]:checked')?.value; // Reset the style for new selections resultElement.style.fontSize = '16px'; resultElement.style.fontWeight = 'bold'; resultElement.style.padding = '10px'; resultElement.style.borderRadius = '5px'; resultElement.style.marginTop = '10px'; resultElement.style.color = '#fff'; // Check if an answer has been selected if (selectedAnswer === undefined) { resultElement.textContent = 'Please select an option before submitting.' resultElement.style.backgroundColor = '#4d4dff'; } else if (selectedAnswer === correctAnswer) { resultElement.textContent = 'Correct!'; resultElement.style.backgroundColor = '#4CAF50'; // Green color } else { resultElement.textContent = 'Incorrect, please try again.'; resultElement.style.backgroundColor = '#f44336'; // Red color } resultElement.style.display = 'block'; form.querySelector('.answer-description').style.display = 'none'; // Hide answer description if shown }
var CrayonSyntaxSettings = {"version":"_2.7.2_beta","is_admin":"0","ajaxurl":"https:\/\/tecadmin.net\/wp-admin\/admin-ajax.php","prefix":"crayon-","setting":"crayon-setting","selected":"crayon-setting-selected","changed":"crayon-setting-changed","special":"crayon-setting-special","orig_value":"data-orig-value","debug":""}; var CrayonSyntaxStrings = {"copy":"Press %s to Copy, %s to Paste","minimize":"Click To Expand Code"}; var BunyadLazyConf = {"type":"normal"}; var Bunyad = {"ajaxurl":"https:\/\/tecadmin.net\/wp-admin\/admin-ajax.php"};