Skip to content
- Choosing a selection results in a full page refresh.
document.getElementById('quiz-form').addEventListener('submit', function(event) {
event.preventDefault();
var favoriteColor = event.target.elements['favorite-color'].value;
var luckyNumber = event.target.elements['lucky-number'].value;
var recommendations = '';
if (favoriteColor === 'red' && luckyNumber === '7') {
recommendations = 'We recommend a ruby bracelet.';
} else if (favoriteColor === 'orange' && luckyNumber === '9') {
recommendations = 'We recommend a carnelian bracelet.';
} else if (favoriteColor === 'yellow' && luckyNumber === '3') {
recommendations = 'We recommend a citrine bracelet.';
} else if (favoriteColor === 'green' && luckyNumber === '4') {
recommendations = 'We recommend a peridot bracelet.';
} else if (favoriteColor === 'blue' && luckyNumber === '5') {
recommendations = 'We recommend a lapis lazuli bracelet.';
} else if (favoriteColor === 'purple' && luckyNumber === '8') {
recommendations = 'We recommend an amethyst bracelet.';
} else {
recommendations = 'We recommend a bracelet with a variety of gemstones.';
}
document.getElementById('recommendations').innerHTML = recommendations;
});
