UNIDAD 1: JAVASCRIPT ELEMENTOS BASICOS

TEMA 10: JAVASCRIPT (2) HTML

En este segundo modelo de JAVASCRIPT, se manipulan objetos html con codigo JAVASCRIPT.

Recordar que en este modelo de programación es de tipo cliente, es decir es la maquina del cliente quien lo baja de un servidor de paginas, lo compila y lo ejecuta.

La primera ventaja de este modelo es que ya se podra comunicar directamente con el usuario del programa, para que sea el propio usuario quien proporcione los datos, como lo muestra el siguiente ejemplo:

Prog2.html

<HTML>
<H1>BIENVENIDO A JAVASCRIPT </H1>
<B>MI SEGUNDO SCRIPT<BR>
<FORM NAME=prog2>
BASE..:<INPUT TYPE=TEXT NAME=base><BR>
ALTURA:<INPUT TYPE=TEXT NAME=altura><BR>
AREA..:<INPUT TYPE=TEXT NAME=area><BR>
<INPUT TYPE=BUTTON NAME=calculo VALUE=OK>
<script for=calculo event=onclick languaje=javascript>
prog2.area.value=prog2.base.value * prog2.altura.value /2;
</script> </FORM> </HTML>

1.- Lo primero y mas importante a recordar que los scripts deberan estar embebidos o empotrados en una pagina html y deben ir entre los tags <script>codigobasic</script>.

2.- Este codigo mezcla instrucciones y objetos de dos lenguajes de programación diferentes ellos son HTML y javascript.

3.- Considerar la pagina como una sola forma o ventana de windows empotrada en el browser, esta forma contiene cuatro objetos, controles o componentes provenientes del lenguaje de programacion html (ellos son los input type), tres controles(los de tipo text) se usan para capturar y desplegar datos, el ultimo control (tipo button) se usa para contener el codigo o script del programa.

4.-Como se observa todos estos controles son objetos y por tanto tienen propiedades y metodos, que son los que usamos dentro del programa, observar el formato para procesarlos, es decir: forma.objeto.propiedad o metodo.

5.- De los controles de tipo TEXT estamos usando su propiedad value para procesar los datos, del control BUTTON estamos usando su evento onclick, para pegarle el proceso u operación.

6.- Observar que los primero que hace javascript, es detectar el evento onclick del boton calculo y realizar directamente las operaciones con los objetos html.

7.- Observar con cuidado todas las partes en minusculas.

Para ejecutarlo, existen dos maneras:

1.- Solo abrirlo con el internet explorer en tu propia maquina y si tu internet explorer ya esta actualizado, deberas ver la imagen de arriba.

2.- Por supuesto que hacer un javascript y ejecutarlo en nuestra propia maquina no tiene ningun sentido, la idea es que sean los usuarios quien lo bajen (la pagina.html o prog1.html) y lo ejecuten en sus maquinas, para esto deberas subir prog2.html a tu sitio web de hospedaje y para verlo, pedirlo desde una maquina cliente, solo usar la siguiente dirección:

tusitio.com/prog2.html

El programa en ejecución:

image197.jpg

TAREAS PROGRAMACION JAVASCRIPT :

1.- Construir scripts para la primera mitad de los problemas que se vierón en el tema de modelo de solución.��

Politica de Privacidad