Si bien la COP30 debe concluir a finales de esta semana, “Le TV BUS Canal de comunicación urbana” le invita a poner a prueba sus conocimientos sobre el clima.
Energía, emisiones de CO2peso de Francia y olas de calor… Doce preguntas sobre la crisis climática, con motivo de la COP30 que se celebra en Belém.
` } } for (const (clave,val) de Object.entries(créditos?créditos(0):{})) { if(clave === ‘imágenes’) { texto += `
Créditos de imagen
${valor}
` } } for (const (clave,val) de Object.entries(créditos?créditos(0):{})) { if(clave === ‘fotos’) { texto += `
Fotografías
${valor}
` } } devolver texto; } const showResult = function(){ // Ocultar todas las preguntas questions.forEach(function(elem){ elem.style.display = ‘none’ }) const credits = resultSection.querySelector(‘#credits’); const c = buildCredits() if (créditos && c) { créditos.innerHTML = c; } // Establece la puntuación let score = `${result}/${questions.length}` resultSection.querySelector(‘#score’).innerText = puntuación // muestra el testimonio de la puntuación let resultTestimonial = Array.from(resultSection.querySelectorAll(‘(data-score)’)).sort(function (elemA, elemB) { return Number(elemB.dataset.score) – Número (elemA.dataset.score) for (const elem of resultTestimonio) { if (Número (resultado) >= Número (elem.dataset.score)) { elem.style.display = ‘bloquear’; romper } } // Reiniciar el botón del juego const resetBtn = document.getElementById(‘reset-test’) resetBtn.addEventListener(‘click’,function(e){ resetForm() }) // Mostrar la sección de resultados resultSection.style.display = ‘block’ } const resetForm = function(){ currentStep = 1 // currentQuestion = questions(currentStep – 1) // maxChoices = currentQuestion.querySelector(‘.quizztests__answers’).dataset.max result = 0 // restablecer todas las entradas quizzForm.reset(); quizzForm.querySelectorAll(‘input(type=”checkbox”)’) .forEach(el => el.checked = false); // Eliminar todas las clases válidas/no válidas let respuestas = quizzForm.querySelectorAll(‘.quizztests__answer:not((data-feedback))’) respuestas.forEach(function(elem){elem.classList.remove(‘valid’,’invalid’)}) // eliminar eventos de puntero en etiquetas let etiquetas = quizzForm.querySelectorAll(‘.quizztests__answer label’) etiquetas.forEach(function(elem){elem.style.removeProperty(‘pointer-events’)}) // Ocultar todos los comentarios (feedback de datos) let feedbacks = quizzForm.querySelectorAll(‘(feedback de datos)’) feedbacks.forEach(function(elem){elem.style.display = ‘none’}) // deshabilitar todos los quizztests__answers__btn let btns = quizzForm.querySelectorAll(‘.quizztests__answers__btn’) btns.forEach(function(elem){ elem.disabled = true elem.style.display = ‘block’ }) // Ocultar todo quizztests__next-step__btn let btnNext = quizzForm.querySelectorAll(‘.quizztests__next-step__btn’) btnNext.forEach(function(elem){elem.style.display = ‘none’}) // Ocultar sección de resultados let resultSection = document.querySelector(‘.quizztest__result’) resultSection.style.display = ‘none’ // restablecer todos los testimonios de resultados let testimonials = document.querySelectorAll(‘(data-score)’) testimonials.forEach(function(elem){elem.style.display = ‘none’}) // anular el informe de puntuación const resultScore = resultSection.querySelector(‘#score’) resultScore.innerHTML = “” // cerrar elementos de detalles const resultDetails = resultSection.querySelectorAll(‘detalles’) resultDetails.forEach(function(elem){ elem.open = false }) updateStepsVisibility(); handleAnswers() } const shareTest = function(){ let SharingBtn = document.querySelector(‘.quizztests #share’) let popoverTitle = document.querySelector(‘#popover-share .popover-header’) let popoverShare = document.getElementById(‘popover-share’) let popoverArticle = { title: ”, piano: () } SharingBtn.addEventListener(‘click’,function(e){ popoverArticle(‘title’) = popoverTitle.innerHTML popoverTitle.innerHTML = ‘¿Quieres compartir este cuestionario?’ popoverShare.querySelectorAll(‘(piano-context-origin)’).forEach(function(elem,index){ let pianoData = elem.getAttribute(‘piano-context-origin’).split(‘,’) popoverArticle(‘piano’)(index) = elem.getAttribute(‘piano-context-origin’) pianoData(0) = ‘quiz’ pianoData(1) = ‘pruebe-su-conocimiento-climático’ elem.setAttribute(‘piano-context-origin’, pianoData.join(‘,’)) }) }) popoverShare.addEventListener(‘onPopoverClose’,function(e){ popoverTitle.innerHTML = popoverArticle(‘title’) popoverShare.querySelectorAll(‘(piano-context-origin)’).forEach(function(elem,index){ elem.setAttribute(‘piano-context-origin’, popoverArticle(‘piano’)(index)) }) }) } document.addEventListener(“DOMContentLoaded”, function(e){ updateStepsVisibility(); handleAnswers(); compartirPrueba() })
Por
Sébastien Billard y Emilie Brouze
