Cuándo utilizar la sentencia if para html con javascript programar

Realmente no se puede escapar mediante el Si declaración con javascript. los Si instrucción se utiliza comúnmente para probar si algo ha sucedido o no, si los datos están en rango o no, o si el usuario quiere realizar una tarea específica.

Cómo crear un simple if en javascript

Uno de los usos más comunes de la Si declaración es para hacer una selección sencilla. Cuando el usuario realiza una acción en particular, algo sucede. En el siguiente ejemplo, cuando el usuario hace clic en Aceptar en el cuadro de diálogo de confirmación, la aplicación muestra el mensaje secreto.

// Crear una expresión que da como resultado verdadero o false.var respuesta = confirm ("¿Quieres mostrar el mensaje secreto?") - // Prueba de la expresión mediante el si statement.if (respuesta) {// mostrar el mensaje secreto cuando el usuario hace clic // OK.document.getElementById ("Resultado") .innerHTML ="Este es el mensaje secreto!"-}

En este caso, Responder puede contener solamente cierto o falso porque confirmar() no emite ningún otro valor. Como consecuencia, no es necesario realizar ningún tipo de comprobaciones de valor de Responder - todo lo que necesita hacer es determinar el valor de verdad de Responder para tomar la decisión.

Video: 16. MATLAB: USO DE IF, SWITCH, FOR, WHILE

Todas las expresiones de toma de decisiones que nunca se cree tendrá un valor de verdad de algún tipo - ya sea verdadera o falsa. A veces, el valor de verdad se oculta, como cuando se trabaja con la estructura de conmutación, pero el valor de verdad está ahí.

Los ordenadores no entienden que no sea verdadera o falsa nada. Hay técnicas que hacen que parezca que el equipo puede hacer otra cosa, pero en realidad, todo se reduce a tomar una decisión verdadera o falsa, como se muestra aquí.

¿Qué más se puede hacer con la sentencia if?

Se utiliza el Si declaración en situaciones en las que una aplicación necesita hacer algo cuando el usuario responde correctamente, pero ignorar la entrada cuando la respuesta es incorrecta. Sin embargo, hay momentos en los que debe hacer algo cuando la entrada es correcta y algo más cuando es incorrecta. En este caso, se agrega el más cláusula a la Si declaración como se muestra en el siguiente ejemplo.

// Crear una expresión que da como resultado verdadero o false.var respuesta = confirm ("¿Quieres mostrar el mensaje secreto?") - // Prueba de la expresión mediante el si statement.if (respuesta) {// mostrar el mensaje secreto cuando el usuario hace clic // OK.document.getElementById ("Resultado") .innerHTML ="Este es el mensaje secreto!"-} else {// Realizar una alternativa task.alert ("Haga clic en Aceptar próxima vez para ver el mensaje!") -}

UN cláusula es una extensión de una estructura. En este caso, el más cláusula extiende el Si estructura para incluir un segundo bloque de código que se encarga de la condición falsa. El ejemplo todavía emite el mensaje secreto cuando el usuario hace clic en Aceptar en el confirmar() caja de diálogo.

Sin embargo, ahora el código también muestra una alerta() diálogo cuando el usuario hace clic en Cancelar. Esta acción secundaria ayuda al usuario a comprender cómo reaccionar a la confirmar() cuadro de diálogo para obtener una salida diferente.

Cómo nido si las declaraciones en javascript

Hay muchas razones por las que podría nido Si declaraciones - es decir, coloque una Si declaración dentro de otro. En este caso, el usuario selecciona una opción en pantalla, CheckChoice () realiza una comprobación de esa opción, y luego CheckChoice () muestra la pantalla resultado correcto.

Video: Condición IF en javascript y HTML

CheckChoice función (opcional) {// Comprobar que la entrada es una number.if (typeof (opcional)! = "número") {// Mostrar un dialog.alert error ("Por favor proporcionar información numérica!") - // devolver sin hacer nada more.return -} // Asegúrese de que la opción es en realidad un integer.var Seleccionar = Math.round (opcional) - // Comprobar que la entrada está en range.if ((Seleccionar lt; 1) || (Seleccionar gt; 3)) {// Mostrar un dialog.alert error ("El valor suministrado está fuera de rango!") - // devolver sin hacer nada more.return -} // Hacer un selection.if (Seleccionar == 1) {document.getElementById ("Resultado") .innerHTML ="Usted eligió artículo A."-} else {if (Seleccione == 2) {document.getElementById ("Resultado") .innerHTML ="Usted eligió artículo B."-} else {document.getElementById ("Resultado") .innerHTML ="Usted eligió artículo C."-}}}

Este ejemplo no se basa en una fuente conocida de entrada, por lo que comienza mediante la realización de diversos controles de los datos. La primera comprobación verifica que la persona que llama ha suministrado un valor numérico. Después de todo, la persona que llama podría proporcionar una cadena o un valor booleano en su lugar. Por lo demás, la entrada podría ser un puntero a otra función o cualquier otra cosa que es compatible con javascript - que simplemente no sabe.

El siguiente paso convierte la entrada numérica a un entero. La conversión de datos es importante en javascript, ya que trata a ambos enteros y valores de coma flotante como números. Si desea un valor entero, usando Math.round () conseguirlo es el mejor camino a seguir. Esta función redondea la entrada al valor entero más cercano, lo que significa que no se terminan tratando de realizar comparaciones con los valores tales como 3.5.

En este punto, usted sabe que tiene un número y que el número es un entero, pero no sabe si el número está en el rango correcto. El hecho de no variar a comprobar valores de entrada es la causa de muchos problemas en las aplicaciones de javascript. CheckChoice () está esperando valores enteros en el intervalo de 1 a 3, por lo que la prueba de alcance se ve para estos valores.

Video: Cómo Utilizar la Condición IF en javascript

el anidado Si afirmación es casi decepcionante en este punto. Tú lo sabes Seleccionar contiene 1, 2, o 3. El primero Si cheques de sentencias de un valor de 1 y muestra un mensaje cuando encuentre ese valor. Cuando el valor es algo distinto de 1, la más cláusula se hace cargo. Dentro de más cláusula es una anidada Si declaración.

Esta Si comprobaciones de los estados Seleccionar por un valor de 2 y muestra el mensaje apropiado cuando lo es. Cuando Seleccionar es 3, el más cláusula de este segundo, jerarquizado, Si declaración muestra el mensaje correspondiente.