Usando la estructura Switch

En anteriores post's hemos trabajado con la estructura condicional IF y también con operadores de comparación, los cuales nos son muy útiles para resolver ciertos ejercicios, podríamos decirlo "simples". Sin embargo en la realidad nuestros códigos que vayamos a trabajar en "cancha de liga profesional" por así decirlo no seran simples, más al contrario van a requerir de usar otro tipo de estructuras.

Esto sucede cuando tenemos que evaluar muchas expresiones y no podemos estar usando de forma repetida la estructura IF, para ello está la estructura "Switch" que nos permite reducir lineas de código y seran mejor entendidas, además de que se verá más presentable.

Por ejemplo, vamos a suponer que tenemos un vehículo de cualquier marca y queremos evaluar el tipo de combustible que vamos a cargar respecto de su precio.

El código de archivo javascript "combustible.js" será así:

var combustible="diesel";

switch (combustible)
                    { 
    case "diesel":
         alert("5 $us, litro");
         break; 
    case "especial":
         alert("10 $us, litro");
         break;
    case "premium":  
         alert("15 $us, litro");
         break; 
    default:
         alert("No hay registro de combustible");
}

El código de archivo "muestra_combustible.html" será así:

<!doctype html>
<html>
      <head>
     <title>
            Programa evalua combustible  
            </title>
            <script type="text/javascript" src="combustible.js">
            </script>   
      </head>  
      <body>
             <p>Esta es la pantalla del programa en JavaScript </p>
      </body>
</html>

Y el resultado en pantalla tiene que ser así:

Para ver resultados diferentes se deberá cambiar el valor "var combustible="diesel";" modificando el valor de la variable combustible por "especial" y "premium".