EJERCICIO1.HTML script language="javascript
Anuncio
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>
