viernes, 10 de febrero de 2017

(FEBRERO 8 2017 )


Hoy se realizo durante la primera hora clase una induccion del curso de SENA. Luego durante la segunda hora se trato el tema de FUNCIONES EN JAVASCRIPT, tambien ARRAYS.



El profesor realizo un concurso en el cual aprendimos sobre  street view, este es  "una prestación de Google Maps y de Google Earth que proporciona panorámicas a nivel de calle (360 grados de movimiento horizontal y 290 grados de movimiento vertical), permitiendo a los usuarios ver partes de las ciudades seleccionadas y sus áreas metropolitanas circundantes." Si quisieran ver su casa desde su computadora o mejor a través  de     esta aplicación encuentra cualquier ubicación últimamente actualizada hasta  el año 2015. Si desean dar click aqui : / https://www.instantstreetview.com/@6.253035,-75.564561,264.22h,0.49p,1z,Pe1BXegz47LuYsFJQrqKkQ




Durante el concurso sacabamos un indicador, así que el concurso consisitia que el profesor nos daba una ubicación la buscábamos  luego le teniamos que mandar por correo el link de la ubicacion con los nombres de los integrantes asi:



https://es.wikipedia.org/wiki/Google_Street_View






document.getElementById

El método getElemenById () devuelve el elemento que tiene el atributo ID con el valor especificado.
Este método es uno de los métodos más comunes en el DOM de HTML, y se utiliza casi cada vez que desea manipular, u obtener información de, un elemento en el documento.

Devuelve nula si existe ningún elemento con el ID especificado.
Un ID debe ser único dentro de una página. Sin embargo, si existe más de un elemento con el ID especificado, el método getElementById () devuelve el primer elemento en el código fuente.

Sintaxis

document.getElementById(elementID)
EJERCICIO 1

<!DOCTYPE html>
<html>
<head>
  <title>getElementById example</title>
  <script>
  function changeColor(newColor) {
    var elem = document.getElementById("para1");
    elem.style.color = newColor;
  }
  </script>
</head>
<body>
  <p id="para1">Some text here</p>
  <button onclick="changeColor('blue');">blue</button>
  <button onclick="changeColor('red');">red</button>
</body>
</html>






















jueves, 2 de febrero de 2017

FEBRERO 1 2017


Se inician clases .








Tipos de eventos

En este modelo, cada elemento o etiqueta XHTML define su propia lista de posibles eventos que se le pueden asignar. Un mismo tipo de evento (por ejemplo, pinchar el botón izquierdo del ratón) puede estar definido para varios elementos XHTML diferentes y un mismo elemento XHTML puede tener asociados varios eventos diferentes.
El nombre de cada evento se construye mediante el prefijo on, seguido del nombre en inglés de la acción asociada al evento. Así, el evento de pinchar un elemento con el ratón se denomina onclick y el evento asociado a la acción de mover el ratón se denomina onmousemove.
La siguiente tabla resume los eventos más importantes definidos por JavaScript:
EventoDescripciónElementos para los que está definido
onblurDeseleccionar el elemento<button><input><label><select><textarea><body>
onchangeDeseleccionar un elemento que se ha modificado<input><select><textarea>
onclickPinchar y soltar el ratónTodos los elementos
ondblclickPinchar dos veces seguidas con el ratónTodos los elementos
onfocusSeleccionar un elemento<button><input><label><select><textarea><body>
onkeydownPulsar una tecla (sin soltar)Elementos de formulario y <body>
onkeypressPulsar una teclaElementos de formulario y <body>
onkeyupSoltar una tecla pulsadaElementos de formulario y <body>
onloadLa página se ha cargado completamente<body>
onmousedownPulsar (sin soltar) un botón del ratónTodos los elementos
onmousemoveMover el ratónTodos los elementos
onmouseoutEl ratón "sale" del elemento (pasa por encima de otro elemento)Todos los elementos
onmouseoverEl ratón "entra" en el elemento (pasa por encima del elemento)Todos los elementos
onmouseupSoltar el botón que estaba pulsado en el ratónTodos los elementos
onresetInicializar el formulario (borrar todos sus datos)<form>
onresizeSe ha modificado el tamaño de la ventana del navegador<body>
onselectSeleccionar un texto<input><textarea>
onsubmitEnviar el formulario<form>
onunloadSe abandona la página (por ejemplo al cerrar el navegador)<body>
Los eventos más utilizados en las aplicaciones web tradicionales son onload para esperar a que se cargue la página por completo, los eventos onclickonmouseoveronmouseout para controlar el ratón y onsubmit para controlar el envío de los formularios.
Algunos eventos de la tabla anterior (onclickonkeydownonkeypressonresetonsubmit) permiten evitar la "acción por defecto" de ese evento. Más adelante se muestra en detalle este comportamiento, que puede resultar muy útil en algunas técnicas de programación.
Las acciones típicas que realiza un usuario en una página web pueden dar lugar a una sucesión de eventos. Al pulsar por ejemplo sobre un botón de tipo <input type="submit"> se desencadenan los eventos onmousedownonclickonmouseup y onsubmit de forma consecutiva.



Ejemplo

<button onclick="document.getElementById('demo').innerHTML = Date()">The time is?</button>
Inténtalo tú mismo "
En el ejemplo anterior, el código JavaScript cambia el contenido del elemento con id = "demo".
En el siguiente ejemplo, el código cambia el contenido de su propio elemento (utilizando este .innerHTML):

Ejemplo

<button onclick="this.innerHTML = Date()">The time is?</button>
Inténtalo tú mismo "
código JavaScript es a menudo varias líneas de largo. Es más común ver los atributos de eventos llamada a las funciones:

Ejemplo

<button onclick="displayDate()">The time is?</button>
Inténtalo tú mismo "

















sábado, 22 de octubre de 2016

[OCTUBRE 18 2016]


Hoy el profesor realizo algunas preguntas como:


* ¿Que es una ventana emergente?

* Diga la URL de donde saco la información.

* Escriba el código para llamar ventanas emergentes.


Se hizo la entrega de una hoja marcada con los nombres y apellidos, en ella uno debía escribir como mínimo 5 programas o peliculas de su niñez.

   El trabajo del  proyecto del periodo    inicio el día  martes 18 de octubre de    2016.

Algunos ejercicios

1 targente hiperbole
<html>
<head><title>ejercicio</title></head>
<script>
 var x = 3;

 document.write(Math.tan(x));

</script>
</html>



2 if
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejercicio 5 - Estructuras de control, IF</title>
<script type="text/javascript">
var numero1 = 5;
var numero2 = 8;

if(numero1 <= numero2) {
  alert("numero1 no es mayor que numero2");
}
if(numero2 >= 0) {
  alert("numero2 es positivo");
}
if(numero1 < 0 || numero1 != 0) {
  alert("numero1 es negativo o distinto de cero");
}
if(++numero1 < numero2) {
  alert("Incrementar en 1 unidad el valor de numero1 no lo hace mayor o igual que numero2");
}
</script>
</head>

<body>
<p>Esta página muestra el uso básico de la estructura de control IF</p>
</body>

</html>

3
promedio prompt
<html>
<head>
</head>
<body>
<script type="text/javascript">
  var nota1,nota2,nota3;
  nota1=prompt('Ingrese 1ra. nota:','');
  nota2=prompt('Ingrese 2da. nota:','');
  nota3=prompt('Ingrese 3ra. nota:','');
  //Convertimos los 3 string en enteros
  nota1=parseInt(nota1);
  nota2=parseInt(nota2);
  nota3=parseInt(nota3);
  var pro;
  pro=(nota1+nota2+nota3)/3;
  if (pro>=7)
  {
    document.write('promocionado');
  }
  else
  {
    if (pro>=4)
    {
      document.write('regular');
    }
    else
    {
      document.write('reprobado');
    }
  }
</script>
</body>

</html>

























[OCTUBRE 11 2016]

EJERCICIOS DE CLASE

1.
<html>
<head><title> de clase 5</title></head>
<body>
<p> de 100 en 100 hasta llegar a 1000</p>
</body>
 <script>
for( i=1; i<=10; i++){
document.write((i*100)+ "<hr>" );
}
 </script>
 </html>


2.
<html>
<head><title> de clase</title></head>
 <script>
 var a = prompt("digite el primer numero");
 var b = prompt("digite el segundo numero");
 var c = (a + b)
 alert(c);
 </script>
 </html>





<html>
<head><title> de clase.2</title></head>

 <script>
  
 var a = prompt("digite el primer numero");
 var b = prompt("digite el segundo numero");
  alert(parseInt(a)+ parseInt(b));
 </script>
 </html>


de prompt

<html>
<head>
</head>
<body>
<script type="text/javascript">
  var nombre;
  var nota;
  nombre=prompt('Ingrese nombre:','');
  nota=prompt('Ingrese su nota:','');
  if (nota>=4)
  {
    document.write(nombre+' esta aprobado con un '+nota);
  }
</script>
</body>
</html>