EJERCICIO1.HTML <html> <head> <script language="javascript"> function procesar(){ var n = document.getElementById("nombre"); var e = document.getElementById("edad"); alert("Hola Mundo y hola " + n.value+" de "+e.value+" años"); } </script> </head> <body bgcolor="lightblue"> <h1>Bienvenidos al curso de INF-324</h1> Nombre: <input type="text" name="nombre" id="nombre"> <br> Edad: <input type="text" name="edad" id="edad"> <br> <input type="button" value="PROCESAR" onclick="procesar()"> </body> </html> EJERCICIO2.HTML <html> <head> <script language="javascript"> function procesar(){ var b = document.getElementById("base"); var a = document.getElementById("altura"); var area = document.getElementById("area"); r = b.value * a.value; area.value = r; r = "Bolivia"; //alert("Hola Mundo y hola " + n.value+" de "+e.value+" años"); } </script> </head> <body bgcolor="lightblue"> <h1>Programa que calcula el Area</h1> Base: <input type="text" name="base" id="base"> <br> Altura: <input type="text" name="altura" id="altura"> <br> Area: <input type="text" name="area" id="area"> <br> <input type="button" value="PROCESAR" onclick="procesar()"> </body> </html> EJERCICIO3.HTML <html> <head> <script language="javascript"> function convertir(){ var pbs = document.getElementById("bs"); var pus = document.getElementById("sus"); var peu = document.getElementById("eu"); if ( pbs.value > 0 and pus.value > 0 ) alert("Error, solo un monto por favor"); else { if (pbs.value != 0) { pus.value = pbs.value / 6.96; peu.value = pbs.value / 9.20; } if (pus.value != 0) { pbs.value = pus.value * 6.96; peu.value = pbs.value / 9.20; } if (peu.value != 0) { pbs.value = peu.value * 9.20; pus.value = pbs.value / 6.96; } } } </script> </head> <body bgcolor="lightblue"> <h1>Programa que calcula el Area</h1> Bolivianos: <input type="text" name="bs" id="bs"> <br> Dolares: <input type="text" name="sus" id="sus"> <br> Euros: <input type="text" name="eu" id="eu"> <br> <input type="button" value="CONVERTIR" onclick="convertir()"> </body> </html> EJERCICIO4.HTML <html> <head> <script language="javascript"> function control(){ alert("Dejo de editar el campo EDAD"); } </script> </head> <body> Edad: <input type="text" name="edad" id="edad" onblur="control()"> Nombre: <input type="text" name="nombre" id="nombre"> </body> </html> EJERCICIO5.HTML <html> <head> <STYLE> fieldset { border:1px solid green; width: 350; } legend { padding: 0.2em 0.5em; border:1px solid green; color:green; font-size:90%; text-align:right; } </STYLE> </head> <body bgcolor="lightblue"> <form> <fieldset> <legend>Informaci&oacute;n de Registro</legend> <label for="name">Username:</label> <input type="text" name="name" id="name" /> <br /> <label for="mail">E-mail:</label> <input type="text" name="mail" id="mail" /> <br /> <label for="address">Direcci&oacute;n:</label> <input type="text" name="direccion" id="direccion" size="40" /> </fieldset> </form> </body> </html> EJERCICIO6.HTML <html> <head> <script language="javascript"> var dias = new Array(); dias[0] = 'Lunes'; dias[1] = 'Martes'; dias[2] = 'Miercoles'; dias[3] = 'Jueves'; dias[4] = 'Viernes'; alert("Hoy es " + dias[1] ); var colores = ['rojo','amarillo','verde','negro']; alert("El centro es " + colores[1] ); function vdia(){ d = document.getElementById("dia"); if ( d.value >= 0 && d.value < 5 ) alert( dias[d.value] ); else alert("Dia NO valido"); } function vcolor(){ c = document.getElementById("color"); if ( c.value >= 0 && c.value < 4 ) alert( colores[c.value] ); else alert("Color NO valido"); } </script> </head> <body> Dia: <input type="text" id="dia" onblur="vdia()"><br> Color: <input type="text" id="color" onblur="vcolor()"><br> </body> </html> EJERCICIO7.HTML <html> <head> <script language="javascript"> var deptos = ["Chuquisaca","La Paz","Cochabamba","Oruro", "Potosi","Tarija","Santa Cruz","Beni","Pando"]; r = "<select>"; for ( i=0; i<9; i++) r = r + "<option>" + deptos[i] + "</option>"; r = r + "</select>"; document.writeln( r ); </script> </head> <body> </body> </html> EJERCICIO8.HTML <html> <head> <style> body { background-color: lightblue; } div { border: solid 1px brown; background-color: linen; margin: 20px; padding: 10px; width: 300px; } </style> </head> <body> <div id="resultado"> UNIVERSIDAD MAYOR DE SAN ANDRES<br> CARRERA DE INFORMATICA<br> <marquee>BOLIVIA 2013</marquee> </div> </body> </html> EJERCICIO9.HTML <html> <head> </head> <body> <form name="miform" action="procesar.php" method="post"> Nombre: <input type="text" name="nombre" id="nombre"> <br> Edad: <input type="number" name="edad" id="edad" min=18 max=65> <br> Formaci&oacute;n: <br> Bachiller <input type="checkbox" name="bach"><br> Universitaria <input type="checkbox" name="univ"><br> PostGrado <input type="checkbox" name="post"><br> Sexo:<br> <input type="radio" name="sexo" value="f">Femenino <br> <input type="radio" name="sexo" value="m">Masculino<br> <br> <input type="submit" value="PROCESAR"> </form> </body> </html>