Can you guess?

.question { margin-bottom: 20px; } .question p { margin-bottom: 20px; } label { display: block; margin-bottom: 10px; } input[type="radio"] { margin-right: 5px; } label:has(.correct) { color: green; font-weight: bold; } label:has(.incorrect) { color: red; font-weight: bold; }

How many people around the world struggle with hunger? (According to the 2018 World Food Security and Nutrition Status Report)

How much of greenhouse gas emissions come from agricultural production?

Approximately how much of freshwater resources are used for agricultural production and animal husbandry today?

var radioInputs = document.querySelectorAll('input[type="radio"]'); radioInputs.forEach(e => { e.addEventListener('click', function(e){ let nameOfQuestion = e.target.name if (e.target.value === 'correct') { radioInputs.forEach(e => { if(e.name === nameOfQuestion){ e.removeAttribute('class') } }) e.target.classList.add('correct') } else { radioInputs.forEach(e => { if(e.name === nameOfQuestion){ e.removeAttribute('class') } }) e.target.classList.add('incorrect') } }) });