GUIA 1 JAVASCRIPT Javascript es un lenguaje con muchas posibilidades, utilizado para crear pequeños programas que luego son insertados en una página web y en programas más grandes, orientados a objetos mucho más complejos. Con Javascript podemos crear diferentes efectos e interactuar con nuestros usuarios1. EJEMPLO1: Concatenar dos palabras <HTML> <HEAD> <TITLE> PRUEBA</TITLE> <script> prompt: para pedir (leer) un valor desde el teclado a través de un cuadro de dialogo. function concatenar() { var res; var variable1=prompt("DIGITE UNA PALABRA :"," "); var variable2=prompt("DIGITE UNA PALABRA :"," "); res= variable1+" "+ variable2; alert("La palabra concatenada es: "+res); } </script> Con el signo + se concatena primera palabra, espacio en blanco y segunda palabra Mensaje con respuesta </HEAD> <BODY> <BR> <FORM ACTION="OTRAPAGINA.HTML" NAME="CLIENTE" METHOD="POST"> <input type="button" onclick="concatenar();" value="CONCATENA DOS PALABRAS"> </FORM> </BODY> Llamando al método <HTML> dentro del body Ejercicio1: realice una página que concatene tres palabras. 1 Tomado de http://www.maestrosdelweb.com/editorial/%C2%BFque-es-javascript/ EJEMPLO2: sumar dos números con mensajes <HTML> <HEAD> <TITLE> PRUEBA</TITLE> <script> function sumar() { var res; var num1=prompt("DIGITE UN NUMERO :","1"); var num2=prompt("DIGITE UN NUMERO :","2"); num1= parseInt(num1); num2= parseInt(num2); if (isNaN(num1)) { alert("primer numero no es un entero"); } else { if (isNaN(num2)) { alert("segundo numero no es un entero"); } else { res=num1+num2; alert("La suma es es: "+res); parseInt( ): para convertir lo leido a entero isNaN ( ): para preguntar si NO es un numero. } } } </script> </HEAD> <BODY> <BR> <FORM ACTION="OTRAPAGINA.HTML" NAME="CLIENTE" METHOD="POST"> <input type="button" onclick="sumar();" value="SUMAR DOS NUMEROS"> </FORM> </BODY> <HTML> Ejercicio2: realice una página que sume tres números. EJEMPLO3: sumar dos números desde un formulario <HTML> <HEAD> <TITLE> PRUEBA</TITLE> <script> document: hace referencia a la pagina html. cliente: ES el nombre del formulario. numero1: Nombre del campo de texto que quiero preguntar. value: el valor que tiene el campo de texto. function sumar() { var res; var num1=document.cliente.numero1.value; var num2=document.cliente.numero2.value; num1= parseInt(num1); num2= parseInt(num2); if (isNaN(num1)) { alert("primer numero no es un entero"); } else { if (isNaN(num2)) { alert("segundo numero no es un entero"); } else { res=num1+num2; alert("La suma es es: "+res); Validación numérica: Primero se lee el numero en este caso desde un formulario así: var num1=document.cliente.numero1.value; luego se convierte a numero así: num1= parseInt(num1); Por último se pregunta si lo convertido es nulo así: if (isNaN(num1)) } } } </script> </HEAD> <BODY> <BR> <FORM ACTION="PAGINADERECIBIR.HTML" NAME="cliente" METHOD="POST"> VALOR1 <INPUT TYPE="TEXT" NAME ="numero1"><br> VALOR2 <INPUT TYPE="TEXT" NAME ="numero2"><br> <input type="button" onclick="sumar();" value="sumar dos numeros"> </FORM> </BODY> <HTML> Ejercicio3: realice una página que sume tres números desde un formulario. Realice una pagina que eleve un numero a otro numero.