Hay preguntas similares como esta, pero no puedo encontrar lo que estoy buscando o me estoy perdiendo algo. Aquí está el código a continuación.
<select id="colorSelector" onchange="getColor()"> <option>Choose a color</option> <option value="green">Green</option> <option value="red">Red</option> </select>JS
function getColor(){ if(document.getElementById('colorSelector').value = "green"){ document.getElementById('mainButton').setAttribute('onclick', 'colorChangeGreen()') }else if(document.getElementById('colorSelector').value = "red"){ document.getElementById('mainButton').setAttribute('onclick', 'colorChangeRed()') }}Después de abrir el menú desplegable y elegir cualquiera de los dos colores, siempre elige verde y luego no puedo elegir rojo. Me pregunto qué necesito editar para poder elegir otros colores, quería poner algunas opciones más. Gracias.
<select id="colorSelector" onchange="getColor()"> <option>Choose a color</option> <option value="green">Green</option> <option value="red">Red</option> </select> <input type="button" id="mainButton" value="color" /> <script> function getColor(){ if(document.getElementById('colorSelector').value == "green"){ document.getElementById('mainButton').setAttribute('onclick', 'colorChangeGreen()') }else if(document.getElementById('colorSelector').value == "red"){ document.getElementById('mainButton').setAttribute('onclick', 'colorChangeRed()') }} </script>