He usado este código en la página y no funciona en los navegadores en los que lo he probado. ¿Me pueden ayudar a corregir el error?
<label>Elija un sabor de nieve: <select class="nieve" name="nieve"> <option value="">Seleccione Uno …</option> <option value="1">Chocolate</option> <option value="2">Sardina</option> <option value="3">Vainilla</option> </select> </label> <div class="resultado"></div> <script> const selectElement = document.querySelector('.nieve'); selectElement.addEventListener('change',(event) => { const resultado = document.querySelector('.resultado'); resultado.textContent = 'Te gusta el sabor ${event.target.value'; }); </script>Esta línea muestra un error: "selectElement.addEventListener('change',(event) => {". Al seleccionar un elemento del menú desplegable, debe especificar el elemento seleccionado en el texto. En Dreamweaver muestra un error en las líneas indicadas y en Firefox muestra "¿Te gusta el sabor ${event.target.value}".
const selectElement = document.querySelector('.nieve'); selectElement.addEventListener('change',(event) => { const resultado = document.querySelector('.resultado'); resultado.textContent = `Te gusta el sabor ${event.target.value}`; }); <label>Elija un sabor de nieve: <select class="nieve" name="nieve"> <option value="">Seleccione Uno …</option> <option value="1">Chocolate</option> <option value="2">Sardina</option> <option value="3">Vainilla</option> </select> <div class="resultado"></div>