Practica HTML

Practica 1
Resultado
Cdigo <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
Cdigo <!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
Cdigo <!DOCTYPE html> <html> <body> <p>Haga clic en el botn para mostrar saltos de lnea en un cuadro emergente.</p> <button onclick="myFunction()">Intntarlo</button> <p id="demo"></p> <script> function myFunction() { alert("Hola \ Cmo ests?"); } </script> </body> </html>
Practica 4
Resultado
Cdigo <!DOCTYPE html> <html> <body> <p>Haga clic en el botn para mostrar un cuadro de confirmacin.</p> <button onclick="myFunction()">Intntarlo</button> <p id="demo"></p> <script> function myFunction() { var x; var r=confirm("Pulse un botn!"); if (r==true)
{ x="Ha pulsado OK!!"; } else { x="Ha pulsado Cancelar!!"; } document.getElementById("demo").innerHTML=x; } </script> </body> </html>
Practica 5
Resultado
Cdigo <!DOCTYPE html> <html> <body> <p>Haga clic en el botn para mostrar el cuadro de aviso.</p> <button onclick="myFunction()">Intntarlo</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 + "! Cmo ests hoy?"; document.getElementById("demo").innerHTML=x; } } </script> </body> </html>
Practica 6
Resultado
Cdigo <!DOCTYPE html> <html> <body> <p>Haga clic en el botn para hacer un bucle con un break.</p>
<button onclick="myFunction()">Intntarlo</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 nmero es " + i + "<br>"; } document.getElementById("demo").innerHTML=x; } </script> </body> </html>
Practica 7
Resultado
Cdigo <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
Cdigo <!DOCTYPE html> <html> <body> <p>Haga clic en el botn para recorrer un bloque de cdigo de cinco veces.</p> <button onclick="myFunction()">Intntarlo</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>
</body> </html>
Practica 9
Resultado
Cdigo <!DOCTYPE html> <html> <body> <p>Haga clic en el botn para bucle de 1 a 6, para hacer ttulos HTML.</p> <button onclick="myFunction()">Intntarlo</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
Cdigo <!DOCTYPE html> <html> <body> <p>Haga clic en el botn para recorrer un bloque de siempre y <em>i</em> es menor que 5.</p> <button onclick="myFunction()">Intntarlo</button> <p id="demo"></p> <script> function myFunction() { var x="",i=0; while (i<5) { x=x + "El nmero es " + i + "<br>"; i++; } document.getElementById("demo").innerHTML=x; } </script> </body> </html>
Practica 11
Resultado
Cdigo <!DOCTYPE html> <html> <body> <p>Haga clic en el botn para recorrer un bloque de siempre y <em>i</em> es menor que 5.</p> <button onclick="myFunction()">Intntarlo</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
Cdigo
<!DOCTYPE html> <html> <body> <p>Haga clic en el botn para hacer un bucle que se salta el paso donde i=3.</p> <button onclick="myFunction()">Intntarlo</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
Cdigo <!DOCTYPE html> <html> <head> <script> function myFunction() { alert("Hola Mundo!"); } </script> </head> <body> <button onclick="myFunction()">Intntarlo</button> <p>Al hacer clic en el botn de arriba, se llama a una funcin. La funcin alertar un mensaje Hola Mundo.</p> </body> </html>
Practica 14
Resultado
Cdigo <!DOCTYPE html> <html> <body> <p>Haga clic en el botn para llamar a una funcin con argumentos</p> <button onclick="myFunction('Juan Vichi','Alumno')">Intntarlo</button> <script> function myFunction(Nombre,trabajo) { alert("bienvenido " + Nombre + ", el " + trabajo); }
</script> </body> </html>
Practica 15
Resultado
Cdigo <!DOCTYPE html> <html> <head> <script> function myfunction(txt) { alert(txt); } </script> </head> <body> <form> <input type="button" onclick="myfunction('buenos das!')" value="En la maana"> <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 funcin. La funcin alertar el argumento que se le pasa. </p> </body> </html>
Practica 16
Cdigo <!DOCTYPE html> <html> <head> <script> function myFunction() { return ("Hola Mundo!"); } </script> </head> <body> <script> document.write(myFunction()) </script> </body> </html>
Practica 17
Cdigo <!DOCTYPE html>
<html> <body> <p>En este ejemplo se llama a una funcin que lleva a cabo un clculo, 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
Cdigo <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="button" value="MAYUSCULAS" onclick="upperCase()"> </body> </html>
Practica 19
Resultado
Cdigo <!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
Cdigo <html> <body>
<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
Cdigo <!DOCTYPE html> <html> <body> <p>Haga clic en el botn para obtener un saludo basada en el tiempo.</p> <button onclick="myFunction()">Intntarlo</button> <p id="demo"></p> <script> function myFunction() { var x="";
var time=new Date().getHours(); if (time<20) { x="Buen da"; } else { x="Buenas tardes"; } document.getElementById("demo").innerHTML=x; } </script> </body> </html>
Practica 22
Cdigo <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
Cdigo <!DOCTYPE html> <html>
<body> <p>Haga clic en el botn para ver qu da es hoy.</p> <button onclick="myFunction()">Intntarlo</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>
Practica 24
Resultado
Cdigo <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
Cdigo <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>

Practica HTML

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Practica HTML

Cargado por

Copyright:

Formatos disponibles

Practica 1

</script> </body> </html>

Cdigo <!DOCTYPE html>

Cdigo <html> <head> <script type="text/javascript"> function upperCase(){ var x=document.getElementById("fname").value

Cdigo <!DOCTYPE html> <html>

Cdigo <html> <body>

else { x.innerHTML="<a href='http://wwf.org'>Visita WWF</a>"; } </script> </body> </html>

Cdigo <!DOCTYPE html> <html>

También podría gustarte