Scribd
Cargar
1K vistas

Ejercicios Javascript

El documento presenta una serie de ejercicios sobre JavaScript. Los ejercicios cubren temas como el uso de objetos, variables, funciones, fechas, eventos y excepciones. Se pide crear páginas HTML con código JavaScript para manipular el DOM, definir funciones, y probar diferentes formas de trabajar con datos y errores.

Cargado por

jonas1234
Derechos de autor
© © All Rights Reserved
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
1K vistas

Ejercicios Javascript

El documento presenta una serie de ejercicios sobre JavaScript. Los ejercicios cubren temas como el uso de objetos, variables, funciones, fechas, eventos y excepciones. Se pide crear páginas HTML con código JavaScript para manipular el DOM, definir funciones, y probar diferentes formas de trabajar con datos y errores.

Cargado por

jonas1234
Derechos de autor
© © All Rights Reserved
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 7

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"
};

document.getElementById("pPersona").innerHTML = persona.nombre + " tiene " +


persona.edad + " 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

https://www.w3schools.com/jS/tryit.asp?filename=tryjs_objects_properties_2

https://www.w3schools.com/jS/tryit.asp?filename=tryjs_objects_properties_1

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() {

document.getElementById("demo").innerHTML = "CLASE JAVASCRIPT";

6. Agregar el siguiente SPAN


<span algunEvento="this.style.color='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

También podría gustarte