34 lines
1.1 KiB
JavaScript
34 lines
1.1 KiB
JavaScript
document.addEventListener('DOMContentLoaded', () => {
|
|
const answerCards = document.querySelectorAll('.answer-card');
|
|
|
|
answerCards.forEach((card) => {
|
|
const input = card.querySelector('.answer-input');
|
|
if (!input) return;
|
|
|
|
const updateSelection = () => {
|
|
const group = document.querySelectorAll(`input[name="${input.name}"]`);
|
|
group.forEach((radio) => {
|
|
const wrapper = radio.closest('.answer-card');
|
|
if (wrapper) wrapper.classList.toggle('is-selected', radio.checked);
|
|
});
|
|
};
|
|
|
|
card.addEventListener('click', () => {
|
|
input.checked = true;
|
|
updateSelection();
|
|
});
|
|
|
|
input.addEventListener('change', updateSelection);
|
|
});
|
|
|
|
const alerts = document.querySelectorAll('.alert');
|
|
alerts.forEach((alert) => {
|
|
if (alert.classList.contains('alert-success') || alert.classList.contains('alert-info')) {
|
|
window.setTimeout(() => {
|
|
alert.classList.add('fade');
|
|
alert.classList.remove('show');
|
|
}, 4500);
|
|
}
|
|
});
|
|
});
|