Entonces, he estado tratando de alternar el texto de un botón después de seleccionar una determinada opción.
Sin embargo, no importa lo que intente, el texto del botón no cambia.
Tengo este código HTML:
<select id="temp"> <option value="selectOption" disabled selected>Select</option> <option value="farenheit">Farenheit</option> <option value="kelvin">Kelvin</option> </select><br> <button id="buttonTemp" onclick="converterTemp()">Convert</button><br>Y este es el código JS:
const slt = document.querySelector('select'); switch (slt.value) { case 'farenheit': document.getElementById('buttonTemp').innerHTML = 'Convert to Fº'; break; case 'kelvin': document.getElementById('buttonTemp').innerHTML = 'Convert to kº'; break; }Se suponía que debía alternar el texto "Convertir" a "Convertir a Fº" / "Convertir a Kº" en la selección del usuario de Farenheit o Kelvin.
¿Podría alguien ayudarme, por favor?
Coloque el código del interruptor en un detector de eventos, que escucha un cambio en el menú desplegable.
const slt = document.querySelector('select'); slt.addEventListener('change', () => { switch (slt.value) { case 'farenheit': document.getElementById('buttonTemp').innerHTML = 'Convert to Fº'; break; case 'kelvin': document.getElementById('buttonTemp').innerHTML = 'Convert to kº'; break; } }) <select id="temp"> <option value="selectOption" disabled selected>Select</option> <option value="farenheit">Farenheit</option> <option value="kelvin">Kelvin</option> </select><br> <button id="buttonTemp" onclick="converterTemp()">Convert</button><br>