1

Necesito entregar un ejercicio estrictamente con switch, y no entiendo porque al introducir un color, el cuál especifico, no cambia de color o solo cambia a color negro. Quiero que al introducir un color en la caja de texto (negro, azul o amarillo), cambien a estos según sean mencionados. Muchas gracias por la ayuda y un saludo. Este es el código en cuestión:

<body id=cuerpo>
<p>Elige un color (negro - azul - amarillo)</p>
<input type="text" id="dato" maxlength="10" /><br><br>
<input type="button" value="APLICAR" onclick="cambiocolor()" />


<script>
    function cambiocolor() {
        let campo = document.getElementById("dato").value;

        let prueba = document.getElementById("cuerpo");
        switch (true) {
            case campo = 'negro':
                cuerpo.style.background = "black";
                break;
            case campo = 'amarillo':
                cuerpo.style.background = "yellow";
                break;
            case campo = 'azul':
                cuerpo.style.background = "blue";
                break;
        }
    }
</script>

1 respuesta 1

1

Tu problema es que el swithc, lo estás utilizando mal, tienes que poner entre parentesis con lo que quieres comparar: Vas a tener que cambiar el True que tienes puesto, por tu variable campo, y de esta manera luego podrás compararlo con cada caso:

<body id=cuerpo>
    <p>Elige un color (negro - azul - amarillo)</p>
    <input type="text" id="dato" maxlength="10" /><br><br>
    <input type="button" value="APLICAR" onclick="cambiocolor()" />


    <script>
        function cambiocolor() {
            let campo = document.getElementById("dato").value;

            let prueba = document.getElementById("cuerpo");

            switch (campo) {
                case campo = 'negro':
                    cuerpo.style.background = "black";
                    break;
                case campo = 'amarillo':
                    cuerpo.style.background = "yellow";
                    break;
                case campo = 'azul':
                    cuerpo.style.background = "blue";
                    break;
            }
        }
    </script>

También quiero aprovechar para decirte que no cierras la etiqueta </body>

Copiando el código, te debería de funcionar. Un saludo

4
  • Buenos días, el body no entiendo por que no se aplicaba en el Ctrl + K, así que lo borré en caso de que hubiera algún error. Siguiendo con switch, he intentado lo que me dices y no cambia de color, solo a negro pero sin seguir las instrucciones que le indicas. Muchas gracias y un saludo.
    – cent3fs9
    Commented el 2 mar. 2022 a las 10:11
  • 1
    Has probado a copiar, y pegar el código que te he pasado? Yo lo he probado en mi ordenador y funciona correctamente. En caso de que te de error, ¿te escribe algo en la consola?
    – Maida
    Commented el 2 mar. 2022 a las 10:20
  • Disculpa mi error, con el filtro azul apenas distinguía el azul del negro y el amarillo del blanco. Pensé que podría ser eso así que lo cambié. Tu código es totalmente funcional. Muchas gracias y un saludo, perdona las molestias.
    – cent3fs9
    Commented el 2 mar. 2022 a las 10:51
  • Me alegro de que te haya funcionado. Un saludo
    – Maida
    Commented el 2 mar. 2022 a las 10:54

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.