Practica HTML
-
Upload
manuel-vichy -
Category
Documents
-
view
22 -
download
0
Transcript of Practica HTML
Practica 1
Resultado
Código
<html><title>prueba ejemplo1</title><script>function miMensaje(){var name = prompt("Ingresa nombre","");if(name!=null)
alert("Tu nombre es: "+name);}</script><body><button onclick="miMensaje()">nombres!</button></body></html>
Practica 2
Resultado
Código
<!DOCTYPE html><html><head><script>function myFunction(){alert("Hola! Soy un cuadro de alerta!!");
}</script></head><body><input type="button" onclick="myFunction()" value="Mostrar Cuadron alerta!" /></body></html>
Practica 3
Resultado
Código
<!DOCTYPE html><html><body><p>Haga clic en el botón para mostrar saltos de línea en un cuadro emergente.</p><button onclick="myFunction()">Inténtarlo</button><p id="demo"></p><script>function myFunction(){alert("Hola \ ¿Cómo estás?");}</script></body></html>
Practica 4
Resultado
Código
<!DOCTYPE html><html><body><p>Haga clic en el botón para mostrar un cuadro de confirmación.</p><button onclick="myFunction()">Inténtarlo</button><p id="demo"></p><script>function myFunction(){var x;var r=confirm("Pulse un botón!");if (r==true)
{ x="Ha pulsado OK!!"; }else { x="Ha pulsado Cancelar!!"; }document.getElementById("demo").innerHTML=x;}</script></body></html>
Practica 5
Resultado
Código
<!DOCTYPE html><html><body><p>Haga clic en el botón para mostrar el cuadro de aviso.</p><button onclick="myFunction()">Inténtarlo</button><p id="demo"></p><script>function myFunction(){var x;var persona=prompt("Por favor, introduzca su nombre","Juan vichi");if (persona!=null)
{ x="Hola " + persona + "! ¿Cómo estás hoy?"; document.getElementById("demo").innerHTML=x; }}</script></body></html>
Practica 6
Resultado
Código
<!DOCTYPE html><html><body><p>Haga clic en el botón para hacer un bucle con un break.</p>
<button onclick="myFunction()">Inténtarlo</button><p id="demo"></p><script>function myFunction(){var x="",i=0;for (i=0;i<10;i++) { if (i==3) { break; } x=x + "El número es " + i + "<br>"; }document.getElementById("demo").innerHTML=x;}</script></body></html>
Practica 7
Resultado
Código
<html><body><script>function CalculaTotal(){var s= parseInt(document.getElementById("caja1").value);var x2=(s*s); return alert(x2);}var salida;salida=CalculaTotal();document.getElementById("res").innerHTML = salida;</script><form id="form1" name="form1" method="post" action="">
<input id="caja1" name="caja1" type="text" value="" /><input type="button" name="Miboton" value="Calcular" onclick="CalculaTotal()" />
</form> <p id="res"></p></body></html>
Practica 8
Resultado
Código
<!DOCTYPE html><html><body><p>Haga clic en el botón para recorrer un bloque de código de cinco veces.</p><button onclick="myFunction()">Inténtarlo</button><p id="demo"></p><script>function myFunction(){var x="",i;for (i=0;i<5;i++) { x=x + "El numero es" + i + "<br>"; }document.getElementById("demo").innerHTML=x;}</script>
Código
<!DOCTYPE html><html><body><p>Haga clic en el botón para bucle de 1 a 6, para hacer títulos HTML.</p><button onclick="myFunction()">Inténtarlo</button><div id="demo"></div><script>function myFunction(){var x="",i;for (i=1; i<=6; i++){x=x + "<h" + i + ">encabezamientos " + i + "</h" + i + ">";}document.getElementById("demo").innerHTML=x;}</script></body></html>Practica 10
Resultado
Código
<!DOCTYPE html><html><body><p>Haga clic en el botón para recorrer un bloque de siempre y <em>i</em> es menor que 5.</p><button onclick="myFunction()">Inténtarlo</button><p id="demo"></p><script>function myFunction(){var x="",i=0;while (i<5) { x=x + "El número es " + i + "<br>"; i++; }document.getElementById("demo").innerHTML=x;}</script></body></html>
Practica 11
Resultado
Código
<!DOCTYPE html><html><body><p>Haga clic en el botón para recorrer un bloque de siempre y <em>i</em> es menor que 5.</p><button onclick="myFunction()">Inténtarlo</button><p id="demo"></p><script>function myFunction(){var x="",i=0;do {
x=x + "El numero es " + i + "<br>"; i++; }while (i<5) document.getElementById("demo").innerHTML=x;}</script></body></html>
Practica 12
Resultado
Código
<!DOCTYPE html><html><body><p>Haga clic en el botón para hacer un bucle que se salta el paso donde i=3.</p><button onclick="myFunction()">Inténtarlo</button><p id="demo"></p><script>function myFunction(){var x="",i=0;for (i=0;i<10;i++) { if (i==3) { continue; } x=x + "El numero es " + i + "<br>"; }document.getElementById("demo").innerHTML=x;}</script></body></html>
Practica 13
Resultado
Código
<!DOCTYPE html><html><head><script>function myFunction(){alert("Hola Mundo!");}</script></head><body><button onclick="myFunction()">Inténtarlo</button><p>Al hacer clic en el botón de arriba, se llama a una función. La función alertará un mensaje Hola Mundo.</p></body></html>
Practica 14
Resultado
Código
<!DOCTYPE html><html><body><p>Haga clic en el botón para llamar a una función con argumentos</p><button onclick="myFunction('Juan Vichi','Alumno')">Inténtarlo</button><script>function myFunction(Nombre,trabajo){alert("bienvenido " + Nombre + ", el " + trabajo);}
Código
<!DOCTYPE html><html> <head> <script> function myfunction(txt) { alert(txt);} </script> </head> <body> <form> <input type="button" onclick="myfunction('¡buenos días!')" value="En la mañana"> <input type="button" onclick="myfunction('Buenas Noches!')" value="En la noche"> </form> <p>Al hacer clic en uno de los botones, se llama a una función. La función alertaráel argumento que se le pasa.</p></body> </html>
Practica 16
Código
<!DOCTYPE html><html><head><script>function myFunction(){return ("Hola Mundo!");}</script></head><body><script>document.write(myFunction())</script></body></html>
Practica 17
Código
<!DOCTYPE html>
<html><body><p>En este ejemplo se llama a una función que lleva a cabo un cálculo, y devuelve el resultado:</p><p id="demo"></p><script>function myFunction(a,b){return a*b;}document.getElementById("demo").innerHTML=myFunction(4,3);</script></body></html>
Practica 18
Resultado
Código
<html><head><script type="text/javascript">function upperCase(){var x=document.getElementById("fname").value
document.getElementById("fname").value=x.toUpperCase()}</script></head><body>Escriba su nombre:<input type="text" id="fname"><!--<input type="text" id="fname" onblur="upperCase()"> --><input type="button" value="MAYUSCULAS" onclick="upperCase()"></body></html>
Practica 19
Resultado
Código
<!DOCTYPE html><html>
<head><script>function displayDate(){document.getElementById("demo").innerHTML=Date();}</script></head><body><h1>Mi primer JavaScript</h1><p id="demo">Esto despliega la fecha.</p>
<button type="button" onclick="displayDate()">Muestra la Fecha </button></body></html>
Practica 20
Resultados
<p id="demo"></p><script>var r = (confirm("Pulsa lo que quieras !!!"))? "has pulsado aceptar":"haz pulsado cancelar";alert(r);</script></body></html>
Practica 21
Resultado
Código
<!DOCTYPE html><html><body><p>Haga clic en el botón para obtener un saludo basada en el tiempo.</p><button onclick="myFunction()">Inténtarlo</button><p id="demo"></p><script>function myFunction(){var x="";
var time=new Date().getHours();
if (time<20) { x="Buen día"; }else { x="Buenas tardes"; } document.getElementById("demo").innerHTML=x;}</script></body></html>
Practica 22
Código
<html><body>
<p id="demo"></p>
<script>var r=Math.random();var x=document.getElementById("demo")if (r>0.5){x.innerHTML="<a href='http://w3schools.com'>Visita W3Schools</a>";}
else{x.innerHTML="<a href='http://wwf.org'>Visita WWF</a>";}</script>
</body></html>
Practica 23
Resultado
Código
<!DOCTYPE html><html>
<body><p>Haga clic en el botón para ver qué día es hoy.</p><button onclick="myFunction()">Inténtarlo</button><p id="demo"></p><script>function myFunction(){var x;var d=new Date().getDay();switch (d) { case 0: x="Hoy es domingo"; break; case 1: x="Hoy es lunes"; break; case 2: x="Hoy es Martes"; break; case 3: x="Hoy es Miercoles"; break; case 4: x="Hoy es JUeves"; break; case 5: x="Hoy es Viernes"; break; case 6: x="Hoy es Sabado"; break; }document.getElementById("demo").innerHTML=x;}</script></body></html>
Código
<html><body>
<p id="demo"></p>
<script>var nombre = prompt("Introduce tu nombre: ","");var edad = prompt("Introduce la edad: ","");var sexo = prompt("Introduce sexo [H = Hombre / M = Mujer]: ","H");
if((edad>=18) && (sexo=="H")){
alert(": "+nombre+" hace servicio militar");}else{
alert(": "+nombre+" No hace servicio militar");}
</script>
</body></html>
Practica 25
Resultado
Código
<html><head><script>function suma(){document.formu.total.value=parseInt(document.formu.campo1.value)+parseInt(document.formu.campo2.value);}</script></head><body><form name="formu"><input type="text" name="campo1"><input type="text" name="campo2"><input type="button" value="sumar" onclick="suma();"><br>Total: <input type="text" name="total" disabled></form></body></html>