EJERCICIO 1
1. Creamos una pagina llamada Javascript2
2. Crear las etiquetas base del HTML
3. Poner como titulo Ejercicio Javascript
4. Crear un párrafo con un identificador único.
5. Agregar una etiqueta script con el siguiente código
<script>
var persona = {
nombre : "Jose",
apellido : "Ramirez",
edad : 50,
colorPreferido : "azul"
};
[Link]("pPersona").innerHTML = [Link] + " tiene " +
[Link] + " años.";
</script>
6. Cambiar el id por el nombre puesto al párrafo.
7. Discutir resultado
8. Crear un nuevo párrafo con el siguiente texto
Las variables se pueden vaciar si establece el valor en INDEFINIDO
9. Crear un nuevo párrafo con el idIndefinido
10. Colocar el siguiente script
11. Analizar resultado
12. Crear un nuevo párrafo llamado pNullo
13. Agregar el siguiente Script
14. Analizar cambios
Indefinido y nulo son iguales en valor
pero diferentes en tipo
Ejercicio 2
1. Tenemos el siguiente codigo
2. Optimizar el código
Ejercicio 3
1. Crear una calculadora con funciones JavaScript, usar métodos que retornen un valor.
(return)
Ejercicio 4
1. Dentro del script general de la pagina creamos lo siguiente:
function creaMensaje() {
var mensaje = “Mensaje de prueba”;
}
creaMensaje();
alert(mensaje);
2. Verificar su funcionamiento y que tipo de variables son
3. Antes del método vamos crear la variable mensaje
var mensaje = null;
function creaMensaje() {
mensaje = “Mensaje de prueba”;
}
4. Revisar funcionamiento
5. Mirar el siguiente funcionamiento
var mensaje = "gana la de fuera";
function muestraMensaje() {
var mensaje = "gana la de dentro";
alert(mensaje);
}
alert(mensaje);
muestraMensaje();
alert(mensaje);
6. Ahora cambiamos el método por lo siguiente
function muestraMensaje() {
mensaje = "gana la de dentro";
return mensaje;
}
alert(mensaje);
alert(muestraMensaje());
Ejercicio 5
1. Crear el siguiente método en el JS
2. Llamar al método dentro del script de la pagina
3. Verificar funcionamiento
Ejercicio 6
1. Dentro de la pagina crear los siguientes párrafos después del body
<p name="prueba">PRUEBA</p>
<p name="especial">PArraf</p>
<p>HOLAAA</p>
2. Crear un método en el JS de la siguiente manera
3. Analizar resultado
4. Colocar solo para que cambie los tres primeros párrafos
5. Colocar que ignore el primer parrafo
7. Cambiar el texto del color por Name
Ejercicio Objetos
[Link]
[Link]
Ejericios Eventos
1. Crear una pagina que se llame eventos
2. Un JS para los eventos
3. Crear un párrafo con algún texto
4. El elemento <p> debe hacer algo cuando alguien hace clic en él.
5. Agregar un nuevo párrafo y Cuando se hace clic en el botón, activa miFunction () con un
evento
function miFunction() {
[Link]("demo").innerHTML = "CLASE JAVASCRIPT";
6. Agregar el siguiente SPAN
<span algunEvento="[Link]='red'">Pasar el mouse Aqui!</span>
Ejercicio 7
1. Agregar la siguiente función al JS
function fechas(){
var fechaISO = new Date("2018-03-25");
alert("FECHA ISO " + fechaISO);
var fechaYYYYMM = new Date("2015-03");
alert("FECHA Año mes " + fechaISO);
var fechaISOLarga = new Date("2015-03-25T12:00:00Z");
alert("FECHA ISO larga " + fechaISO);
var fechaCorta = new Date("03/25/2015");
alert("FECHA corta " + fechaCorta);
var fechaLarga = new Date("25 Mar 2015");
alert("FECHA Larga " + fechaCorta);
}
2. Crear un botón que llame la función creada en el paso anterior
3. Mirar los resultados y validar las distintas formas de crear una fecha
4. Crear un texto donde pueda ingresar la fecha q quiero y me muestre un mensaje de
la fecha transformada con JS. (Aplicar botones y modificar textos)
EJERCICIO 8
1. Crear dos input textos y un botón que diga división
2. Al botón asociar una función para dividir(Esta función debe recibir los valores)
3. Aplicar la función de dividir a la funcion
4. Ahora envía una división sobre 0
5. Discutir error
6. Aplicar exepciones
function dividir(dividendo, divisor){
var resultado = null;
try {
resultado = dividendo/divisor;
} catch (e) {
resultado = "NO SE ADMITE DIVISION POR 0";
} finally {
alert(resultado);
}
}
7. Verificar el resultado
