Scribd
Cargar
15 vistas6 páginas

javascript (1)

El documento describe los fundamentos de HTML y JavaScript, destacando cómo se pueden integrar scripts de JavaScript en páginas HTML. Se explican conceptos clave como la declaración de variables, tipos de datos, operadores y estructuras condicionales en JavaScript. Además, se presentan ejemplos de cómo tomar entradas del usuario y mostrar resultados en la pantalla.

Cargado por

iniestamorcillojuanandres
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
15 vistas6 páginas

javascript (1)

El documento describe los fundamentos de HTML y JavaScript, destacando cómo se pueden integrar scripts de JavaScript en páginas HTML. Se explican conceptos clave como la declaración de variables, tipos de datos, operadores y estructuras condicionales en JavaScript. Además, se presentan ejemplos de cómo tomar entradas del usuario y mostrar resultados en la pantalla.

Cargado por

iniestamorcillojuanandres
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 6

HTML--->Lenguaje para la creación de páginas web estáticas.

Javascript-->Lenguaje de programación que puede ser utilizado para


dotar a las páginas web creadas en HTML de cierto dinamismo.

El código Javascripr a incustrar en una página web, se puede meter en


cualquier parte:
a) Dentro del <head> Implica que el código Javascript para ser
ejecutado tiene que ser llamado.
b) Dentro del <body> El código Javascript se ejecuta al cargar la
página.

La forma de incustrar código Javascipt en una página HTML es la


siguiente:
<script language="javascript">
instrucción1;
instrucción2;
.....
</script>

 En Javascript el conjunto de instrucciones que compone el script


tiene que acabar en ;
 Formas de hacer comentarios:
 Comentarios de una línea //

// Me llamo Elena

 Comentarios de múltiples líneas: /* */


/* Me llamo Elena
y estoy impartiendo el módulo
de Aplicaciones Web */

 Variables: Lugar dónde se almacenan los datos para su posterior


utilización.
 El nombre de una variable debe comenzar por una letra o
un símbolo de subrayado, pero puedes contener letras ,
números o símbolos de subrayado.

Ejemplos de nombre de variables válidos: peso,


edad_madre, _edad,….
Ejemplos de nombre de variables no válidos: 1peso, peso$,
peso_1, peso madre;

 Existen varios tipos de variables dependiendo de su


contenido:
- Variables de tipo enteras:
peso=30;
edad=18;
- Variables de tipos reales:
peso=30.5;
altura=60.3;
- Variables de tipo cadena de caracteres.
Nombre=”Elena García Paredes”;
Ciudad=’Hellín’;
 Javascript es un lenguaje de programación sensible a
mayúsculas y minúsculas en cuanto a los nombres de
variables. Es decir, mi_peso y mi_Peso son consideradas
2 variables diferentes.
 Forma de tomar datos a través del teclado:
- Cuando se utiliza esta función aparece en la pantalla
una ventana con un espacio para poder ingresar el
valor deseado y un botón aceptar para que la
información sea guardada.

variable=prompt(“mensaje”, valor_inicial);
nombre=prompt(“Introduzca su nombre”, “”);

Cuando se utiliza la instrucción prompt el valor introducido, se


recogerá siempre como texto. Por lo tanto, si el dato
introducido es un número y no queremos que se trate como
texto, sino como número para poder operar con él, debemos
de utilizar la función ParseInt de la siguiente manera:

numero=parseInt(prompt(“Introduzca su numero”, “”));


 Tipos de operadores:
o Operadores aritméticos:

Operador suma: +
Operador resta: -
Operador multiplicación: *
Operador división: /
Operador resto de una división: %

o Operadores relacionales:
> : mayor que
>= : mayor o igual que
< : menor que
<= : menor o igual que
== : igual que
!= : distinto que

o Operadores lógicos:
&& : y
|| : 0
! : Negación

cond1 && cond2 Resultado


V && V V
V && F F
F && V F
F && F F

cond1 || cond2 Resultado


V || V V
V || F V
F || V V
F || F F

cond !cond
V F
F V
 Forma de mostrar texto por pantalla:
document.write(“Texto a imprimir”);

Para concatenar texto con contenidos de variables podremos


utilizar el operador + ó ,

edad=18;
document.write( “La edad de Juan es “, edad);
document.write( “La edad de Juan es “+ edad);

 Mostrar texto a través de una ventana de alerta:

alert(“Hola a todos y mucha suerte”);


Con alert, para mostrar texto con contenido de variables, sólo
podemos utilizar el operador de concatenación +
nom=”Elena García Paredes”;
document.write(“Mi nombre es “, nom , “ y soy profesora de ciclos”);
document.write(“Mi nombre es “+ nom + “ y soy profesora de ciclos”);
alert (“Mi nombre es “+ nom +“ y soy profesora de ciclos”);

 ESTRUCTURA CONDICIONAL

if(condición)
instrucción1;
__________________________________________

if(condición) {
instrucción1;
}

if(condición){
instrucción1;
instrucción2;
instrucción3;
…..
}
if(condición)
instrucción1;
else
instrucción2;

if(condición){
instrucción1;
}else{
instrucción2;
}

if(condición){
instrucción1;
instrucción2;
instrucción3;
…..
}
else{
instrucción4;
instrucción5;
instrucción6;
…..
}

También podría gustarte