lunes, 16 de diciembre de 2013

Javascript - Switch

Javascript - Switch


Aqui veremos un ejemplo del uso de un switch,
este metodo nos permite mostrar el resultado segun le indiquemos.
este ejmplo consiste en mostrar unas cajas de colores, cada caja se le asigna un valor numerico,
dentro del switch en su () se indica el numero que queramos mostrar,
en el switch se veran los casos son un numero, si ingresamos el valor eje. 3 buscara dentro de los casos, comenzara en el caso 1 comparara si 1=3 como no es igual pasara a comparar si 2=3 como no es pasara a comparar si 3=3 y al ser igual se poduce on corte del ciclo y mostrara el la caja que se le asigno a ese case 3

<html>
    <head>
    <title>Switch</title>
    </head>
        <body>
            <br/>
            <script language="javascript">

    switch(4)
    {
        case 1:
            resu=document.write("<center><div style='width:500px;height:400px;background:#00CCFF;'></div></center>");
            break;
        case 2:
            document.write("<center><div style='width:500px;height:400px;background:#FF0000;'></div></center>");
            break;
        case 3:
            document.write("<center><div style='width:500px;height:400px;background:#00FF00;'></div></center>");
            break;
           
        case 4:
            document.write("<center><div style='width:500px;height:400px;background:#8C008C;'></div></center>");
            break;   
        default:
            document.write("<center><div style='width:500px;height:400px;background:#000;'></div></center>");
            break;
    }
   
   
   

</script>
        </body>

</html>


No hay comentarios:

Publicar un comentario