else if

El último ejemplo nos proporcionó dos opciones o resultados, pero ¿Qué ocurre si queremos más de dos?

Hay una forma de encadenar opciones / resultados adicionales extras a if...else — usando else if. Cada opción extra requiere un bloque adicional para poner en medio de bloque if() { ... } y else { ... } — Vea el siguiente ejemplo un poco más complicado, que podría ser parte de una aplicación para un simple pronóstico del tiempo:

Ver Resultado

1. Aquí tenemos un elemento HTML <select> que nos permite realizar varias elecciones sobre el clima, y un párrafo simple.
2. En el JavaScript, estamos almacenando una referencia para ambos elementos <select> y <p> , y añadiendo un Event Listener o en español un Detector de Eventos al elemento <select> así cuando su valor cambie se ejecuta la función establecerClima().
3. Cuando la función es ejecutada, primero establecemos la variable eleccion con el valor obtenido del elemento <select>. Luego usamos una declaración condicional para mostrar distintos textos dentro del párrafo <p> dependiendo del valor de la variable eleccion. Note como todas las condicionales son probadas en los bloques else if() {...} , a excepción del primero, el cual es probado en el primer bloque if() {...}.
4. La ultima elección, dentro del bloque else {...}, es básicamente el "último recurso" como opción— El código dentro de este bloque se ejecutará si ninguna de las condiciones es true. En este caso, sirve para vaciar el contenido del párrafo si nada ha sido seleccionado, por ejemplo, si el usuario decide elegir de nuevo "--Haga una elección--" mostrado al inicio.