Septiembre 27 del 2016

0 comentarios
 Continuación de JavaScript.

El día de hoy se siguió con la explicación de JavaScript y se hizo una evaluación.

A continuación, pondré diferentes ejemplos de códigos que utilizan JavaScript.

El siguiente ejemplo trata de insertar código JavaScript que este en un archivo externo y no dentro de el código, para insertar el código JavaScript se debe colocar src="ubicación.js"
y quedaría así: <script src="codigo.js"

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ejercicios</title>
<script src="codigo.js"></script>
</head>
<body> 
<p>Esta página contiene el primer script</p><br>
<p><noscript>Esta página <strong>requiere</strong> el uso de JavaScript y parece que está desactivado</noscript></p>
</body>
</html>

Y a continuación, el archivo externo que contiene el código JavaScript.

alert("Hola mundo");

alert("Soy el primer script")

El próximo ejercicio se utilizan arrays, el código trata sobre poner en un array los meses del año y presentarlos en pantalla con un alert.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ejercicio3</title>
</head>
<body>
<script>
var meses = ["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"];

alert(meses[0])
alert(meses[1])
alert(meses[2])
alert(meses[3])
alert(meses[4])
alert(meses[5])
alert(meses[6])
alert(meses[7])
alert(meses[8])
alert(meses[9])
alert(meses[10])
alert(meses[11])

</script>
<p>Esta página muestra los 12 meses del año</p>
</body>

</html>

A continuación, la mayoría de los operadores aritméticos en JavaScript, donde se señala que es de cada uno por medio de un comentario (//).


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Operadores aritméticos</title>
</head>
<body>
<script>
//Suma
 var num1 = 561;
 var num2 = "Buenas";
 var num3 = " tardes";
 var num4 = 498;
 document.write(num1 + num4, "<hr>");
 document.write(num2 + num3, "<hr>");

 //Resta
 var num1 = 45;
 var num2 = 12;
 var resta = num1 - num2;
 document.write(resta, "<br>" , -resta , "<hr>");

 //Producto (*) y cociente (/)
 var num1 = 10000;
 var num2 = 5;
 var mult = num1 * num2;
 var div  = num1 / num2;

 document.write(mult + "<br>" + div + "<hr>" );

 //Resto de una división (%)
 var num1 = 100;
 var num2 = 6;

 document.write(num1 % num2, "<hr>");

 //Incremento (++) y decremento (--)
 var num1 = 100;
 var num2 = 200;
 var incremento = ++num1;
 var decremento = --num2;

 document.write(incremento , "<br>", decremento + "<hr>")

 //Operadores compuestos
 var num1 = 11546 , num2 = "Hol";
 num1+= 11546;
 document.write(num1 + "<br>");
 num1-= 3;
 num2+= "a";
 document.write(num1 + "<br>" + num2 + "<hr>");

 //Potencia
 var potencia = Math.pow(2 , 2);
 document.write(potencia + "<hr>");

 //Raiz cuadrada
 var raizcuadrada = Math.sqrt(9);
 document.write(raizcuadrada + "<hr>");

 //Redondear numero al mas cercano
 var redondear = Math.round(11.49);
 document.write(redondear + "<hr>");

 //Redondear al entero mas cercano
 var redondear = Math.ceil(11.50);
 document.write(redondear + "<hr>");

 //Decrementar al entero inferior
 var redondea = Math.floor(11.99);
 document.write(redondear , "<br>" + redondea + "<hr>");

 //Obtener el valor mínimo de una serie de valores y máximo

 var ValorMinimo = Math.min(70,71,72,73,74,75,76,77,78,79,80);
 document.write(ValorMinimo + "<br>");

 var ValorMaximo = Math.max(70,71,72,73,74,75,76,77,78,79,80);
 document.write(ValorMaximo + "<hr>");

 //Valor absoluto de un número
 var valorabsoluto = Math.abs(-88.87);
 document.write(valorabsoluto + "<hr>");

 //Seno y coseno
 var seno = Math.sin(30);
 document.write(seno + "<br>");

 var coseno = Math.cos(30);
 document.write(coseno + "<hr>");

 //Generar un número aleatorio
 var aleatorio = Math.random();
 document.write(aleatorio + "<hr>");

 //Generar un número aleatorio de 0 a X
 var aleatorio = Math.floor(Math.random()*101);
 document.write(aleatorio + "<hr>");

 //Generar un número aleatorio de 0 a X con decimales
 var aleatorio = Math.floor(Math.random()*10) + Math.random();
 document.write(aleatorio);

 //Obtener el valor de PI
 alert(Math.PI);


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







Publicar un comentario

Septiembre 20 del 2016

0 comentarios

Introducción a JavaScript.

El dia de hoy se hizo la introducción al nuevo tema, JavaScript.

JavaScript es un lenguaje de programación que es usado principalmente para crear páginas web dinámicas.

Para comenzar a escribir código JavaScript primero se debe abrir la etiqueta script,(<script>) se recomienda cerrarla una vez sea abierta para que después no se olvide cerrarla y tener inconvenientes.

Algunas cosas que se deben saber sobre JavaScript:

document.write es usado para imprimir en la página web un texto especificado, también se puede combinar con código html.

        document.write("ejemplo")

alert es usado para mostrar en la página web un cuadro de alerta.

        alert("ejemplo")

La diferencia entre document.write y alert es que alert es un cuadro de alerta que sale y se puede quitar, y document.write es un texto pegado a la página; otra diferencia es que en alert no se puede usar código html, mientras que en document.write si se puede.

Para definir una variable, se usa "var ejemplo = "hola" aunque su uso no es necesario, pero es mejor usarlo.

Para concatenar varias cadenas de texto se usa el signo [+] aunque también sirve la coma [,]

       var ejemplo1 = "Hola, como"
       var ejemplo2 = " estas" 

       document.write(ejemplo1 + ejemplo2) 

De esta manera se mostrará en pantalla el texto "Hola, como estas" 

Con Javascript también se pueden hacer operaciones matemáticas.

      var ejemplo1 = 13
      var ejemplo2 = 19
      var resultado = ejemplo1 + ejemplo2

      document.write(resultado)

De esta manera se mostrará en pantalla la suma entre la variable 1 y la variable 2, que es 32. Además de sumas también se pueden hacer restas, multiplicaciones, divisiones y más.
[+ , - , * ,  /]









Publicar un comentario

Septiembre 13 del 2016

0 comentarios

Semana de receso.

Este día no hubo clase debido a que estábamos en una semana de receso pero dejare un ejercicio de html.


<!DOCTYPE html><html><head> <title></title><style>body{font-family:verdana;}</style></head><body><em><mark>HOLA<br><sup>como</sup><sub>estas</sub></mark></em><map name="prueba"><area alt="Nasa" shape="rect" coords="260,54,362,156" href="https://www.nasa.gov/" target="_blank"><area alt="Math" shape="circle" coords="101,104,51" href="https://www.mathway.com/Algebra" target="_blank"><area alt="English" shape="poly" coords="119,180,324,180,255,272,323,334,198,393,80,326" href="http://www.englishpage.com/" target="_blank"></map>
<img src="D:/Cursos basicos/html/imagenes/mapagen.png" usemap="#prueba">
</body></html>


Es un código utilizando la etiqueta <map>.







Publicar un comentario

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






Publicar un comentario