Inicia sesión


Expresiones jаvascript para especificar valores de atributos en HTML
  • & => Indica comienzo de la variable.
  • { } => La expresión jаvascript debe de ir entre llaves.
  • ; => Indica la terminación.

Estructuras de control


La estructuras de control del jаvascript son iguales que las de Java, o C.

  • if ... else:
if (expresión ){
                acciones;
}
else{
                acciones;
}
Ejemplo:
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Ejemplo sentencia if ... else</title>
</head>
<body>

<script type="text/jаvascript">

<!--
//definicion de variables
var pregunta = "¿Cuánto vale 10 + 10?" var respuesta_correcta = 20
var correcto = '<p>¡Correcto!</p>' var incorrecto = '<p>¡Incorrecto!</p>'
//realiza la pregunta
var respuesta_dada = prompt(pregunta, "0");
//comprueba la respuesta
if (respuesta_dada != respuesta_correcta) {
//respuesta incorrecta, segunda oportunidad
if ( confirm("¡No! Pulsa OK para reintentarlo.")) respuesta_dada = prompt(pregunta, "0")
}
//comprueba la respuesta
var salida = (respuesta_dada == respuesta_correcta) ? correcto : incorrecto
//-->

</script>

<script type="text/jаvascript">

<!--
//escribe la salida document.write(salida)
//-->

</script>

</body>
</html>
  • while:
while ( expresión ){
           acciones;
}
  • for:
for ( asignación ; expresión ; incremento ){
           acciones;
}
  • Expresión condicional:
(condición) ? valor1 : valor2;
Ejemplo:
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Ejemplo operadores</title>
</head>
<body>


<script type="text/jаvascript">

<!--
var pregunta = "¿Cuánto vale 10 + 10?" var respuesta_correcta = 20
var correcto = "<p>¡CORRECTO!</p>" var incorrecto = "<p>INCORRECTO</p>"
//realiza la pregunta
var respuesta_dada = prompt(pregunta, "0")
//comprueba la respuesta
var salida = (respuesta_dada == respuesta_correcta) ? correcto : incorrecto
//-->

</script>

<script type="text/jаvascript">

<!--
//escribe la salida document.write(salida)
//-->

</script>

</body>
</html>
  •  for ... in:
for (inicio;condición;incremento) {
       acciones;
}
  • switch:
switch (condición){
case caso1: sentencias; break; case caso2: sentencias; break;
………
case casoN: sentencias; break;
}

Se puede utilizar dentro de los bucles “break” y “continue” de la misma forma que en Java.

Break: se utiliza para hacer una salida forzada de una estructura de control, siguiendo una condición.
var i = 0;
while (i < 6) {
       if (i == 3)
            break;
       i++;
}

Operadores


Asignación

=x=10
+= , -= , *= , /= , ...... x+=y (x=x+y) , x-=y (x=x-y) , .....

Aritméticos

++Incremento (puede ser preincremento o postincremento x=++a;    x=a++; )
--Decremento (puede ser predecremento o postdecremento x=--a;    x=a--; )
-Negación ( x= - b )
%Módulo (var1 % var2 )

Lógicos

&& AND
| |OR
NOT

Lógicos para bits

&AND
|OR
!NOT
^XOR
~NOT
<<  Desplazamiento a la Izquierda
<<  Desplazamiento a la derecha
>>>Desplazamiento a la derecha y mete ceros por la izquierda.

Comparación

==igual
<menor
<=menor o igual
mayor
>=mayor o igual
!= 
distinto

Ejemplos:

if (x>3)
 if (x<10) 
   doanything( );

if (x>3 && x<10) doanything( );
Operador para String

+Concatenar cadenas    (    cad  =  cade1 + “ otra cosa “ )

Operadores especiales

new    Para crear instancias de un Objeto (Array, Boolean, Date, Function, Math, Number, y String ).
objeto = new tipoObjeto ( para1 [,para2] ...[,paraN] )
typeof     Devuelve el tipo.
void    Para expresiones que se van a evaluar si retornar ningún valor.

La ventana ALERT


 Se trata de una ventana estándar que usamos para mostrar información el pantalla. Se puede mostrar texto, variables y texto en conjunto con variables. El diseño de la ventana ya está definido lo único que podemos hacer es mostrar la información en una o varias líneas. Su diseño y sintaxis es:
alert("¡Hola, mundo!");
Vamos a realizar nuestro primer "programa" en jаvascript. Haremos surgir una ventana que nos muestre: "hola, mundo". Así podremos ver los elementos principales del lenguaje. El siguiente código es una página Web completa con un botón que, al pulsarlo, muestra el mensaje.
<html>

<head> 
<title>Ejemplo Hola Mundo</title> 

</head> 
<body>

<script language="jаvascript" type="text/jаvascript">

function HolaMundo() { 
alert("¡Hola, mundo!");
}
</script>

<form>
<input type="button" name="Boton" value="Pulsame" onclick="HolaMundo()">
</form>

</body>
</html> 
Ver resultado...

Continuar...Atrás...Indice del curso....

Te sugiero seguir leyendo...

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial

Expresiones JavaScript para especificar valores de atributos en HTML Expresiones JavaScript para especificar valores de atributos en HTML...
Tutoriales en linea
¿Te gusta el tutorial?




Información
Usuarios que no esten registrados no pueden dejar comentarios, te invitamos a que te registre!






Cómo jugar Ajedrez Online TL

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-09-18
  • Categorias: WebSite Juegos Noticias Tutorial

Cómo encontrar un teléfono Android perdido

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-09-17
  • Categorias: Android Telefonia Smartphone Tablet Tutorial

Configura tu servidor VPN en Windows

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-09-15
  • Categorias: Windows Internet Red Wifi Seguridad Noticias Tutorial

Como crear una web con el lenguaje HTML

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-09-08
  • Categorias: Diseño Web Lenguajes De Programacion CSS3 html5 Html WebSite webmasters Cursos Noticias Tutorial

Introducción Al Lenguaje JS

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-09-08
  • Categorias: Diseño Web javascript Cursos Noticias Tutorial

Curso básico de Javascript

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-09-08
  • Categorias: Diseño Web javascript Cursos Noticias Tutorial