• Aprende

    Aprende
  • Investiga

    Investiga
  • Diviertete

    Diviertete
  • HOLA

    HOLA
  • COMO ESTAS?

    COMO ESTAS?
  • ADIOS

    ADIOS
Mostrando entradas con la etiqueta html.. Mostrar todas las entradas
Mostrando entradas con la etiqueta html.. Mostrar todas las entradas

Octubre 18 del 2016

0 comentarios
El día de hoy se realizó una evaluación con las siguientes preguntas:

1. Defina que es una ventana emergente o popup.

2. Escriba la URL de lugar donde se investigó.

3. Escriba el código para llamar ventanas popup.

                                   
Esta es la solución a las tres preguntas anteriores:

1. Un pop-up o ventana pop-up o ventana emergente, es una ventana nueva que aparece de repente en la pantalla de tu ordenador.

2. http://www.ajaxshake.com/

3. function popup(){
window.open("https://www.youtube.com/" , "youtube" , "width=600" , "height=600");} 

<a href="https://www.google.com.co/" target="_blank" onclick="javascript:popup()"> Google y youtube </a>

A continuación, algunos ejercicios de javascript.

Ejemplo de prompt:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Prompt</title>
</head>
<body>
<script>
var nombre = prompt("Ingrese su nombre" , "sálociN")
var edad = prompt("Ingrese su edad" , "51")
var color = prompt("Ingrese su color favorito" , "☺☻")

document.write("Hola " + nombre + " tienes " + edad +" años y tu color favorito es el " + color)

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

Ejemplo de funciones:

<!DOCTYPE html> 
<head>
<meta charset="UTF-8">
<title>Ejercicio 8 - Funciones básicas</title>
 
<script type="text/javascript">

//Escribir el código de una función a la que se pasa como parámetro un número entero y devuelve como resultado una cadena de texto que indica si el número es par o impar. Mostrar por pantalla el resultado devuelto por la función.

var numero = prompt("Introduce un número entero");
 
var resultado = parImpar(numero);
alert("El número "+numero+" es "+resultado);
 
function parImpar(numero) {
  if(numero % 2 == 0) {
    return "par";
  }
  else {
    return "impar";
  }
}
</script>
</head>
 
<body>
</body>
</html>

Ejemplo de confirm.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Confirm</title>
</head>
<body>
<script>

//Confirm se usa para que aparezca en pantalla un cuadro con una pregunta en donde solo hay dos opciones de respuesta, una es aceptar y la otra es cancelar (true y false respectivamente)

if (confirm("Hola, ¿eres mayor de edad?"))
{alert("Bienvenido al sitio web.");}
else 
{alert("Lo siento, no eres mayor de edad")}
</script>
</body>
</html>

Por último, un ejercicio que iba a ser una evaluación pero se cancelo, el ejercicio tiene que ver con el iva.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>IVA</title>
</head>
<body>
<script>

var valor = parseFloat(prompt("Digite el valor","498"));
var iva = (valor*0.16);
var valorconiva = valor + iva;

if (valorconiva > 100)
{var sin = Math.sin(valorconiva)
document.write(sin)}
else
{for(i = 1; i<=10; i++)
{document.write("<hr>")}}


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







Read more

Septiembre 6 del 2016

0 comentarios

Entrega de notas.

Hoy fue la última clase del tercer periodo, la entrega de notas definitivas de la asignatura y la introducción al nuevo tema, JavaScript.
El cuarto periodo inicia en dos semanas.

A continuación, un ejercicio que hice durante el periodo.

El siguiente, es un ejercicio utilizando la etiqueta <map>


<!DOCTYPE html>
<html>
<head>
<style>
h1{font-family:impact;color:green;}
body{font-family:verdana}
</style>
<title>Mapeo en html</title>
</head>
<body bgcolor="#B27FC8">
<h1 align="center">Mapeo en html</h1>

<p>Este es un ejemplo de mapeo en html.</p>

<img src="imagenes/colombia.gif" usemap="#regionescol">

<map name="regionescol">
   
   <area alt="Región caribe"  shape="circle" coords="243,151,51" href="https://colombiapatrimoniocultural.wordpress.com/region-caribe/" target="_blank">
   
   <area alt="Región del pacífico" shape="poly" coords="
134,192,177,252,167,362,153,423,166,470,132,486,93,446,150,366,143,300,132,230" href="https://colombiapatrimoniocultural.wordpress.com/region-pacifica/" target="_blank">
   
   <area alt="Región orinoquia" shape="rect" coords="318,290,450,425" href="https://colombiapatrimoniocultural.wordpress.com/region-orinoquia/" target="_blank">
  
   <area alt="Región andina" shape="poly" coords="277,184,241,227,204,225,158,423,202,459,286,306,321,276" href="https://colombiapatrimoniocultural.wordpress.com/region-andina/" target="_blank">
   
   <area alt="Región amazónica" shape="circle" coords="309,507,83" href="https://conociendoelfolclorcolombiano.wikispaces.com/Aspectos+de+la+region+amazonica" target="_blank"> 

</map>

</body>
</html>

Para esto, se debe descargar la siguiente imagen.

http://www.fao.org/docrep/006/AD392S/AD392s-57.gif






Read more