Scribd
Cargar
178 vistas

Semana 4 Js JQuery, Programacion Web II

Este documento presenta 3 actividades realizadas para la semana 4 de Programación Web II. La primera actividad muestra la suma de números menores a uno dado usando JavaScript. La segunda crea un objeto en JavaScript con 5 propiedades. La tercera crea una función en jQuery para encontrar elementos por su ID.

Cargado por

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

Semana 4 Js JQuery, Programacion Web II

Este documento presenta 3 actividades realizadas para la semana 4 de Programación Web II. La primera actividad muestra la suma de números menores a uno dado usando JavaScript. La segunda crea un objeto en JavaScript con 5 propiedades. La tercera crea una función en jQuery para encontrar elementos por su ID.

Cargado por

leonel
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/ 6

PROGRAMACIÓN WEB II

SEMANA 4

Edison Castro Lecaros


05 de julio de 2022
Técnico Nivel Superior en Informática
DESARROLLO
1. Realice un documento javascript donde se muestre la suma de todos los números menores que otro
número dado (3puntos)

Respuesta: para esta actividad, cree el archivo “suma.js” el cual posteriormente se agregó al código
HTML, se crearon 3 variables y se utilizo “prompt” el cual solicita al usuario ingresar un numero entero,
para realizar la suma se utilizo la estructura “while” la cual permite crear bucles que se ejecutan ninguna o
más veces, dependiendo de la condición indicada, en este caso la suma de los numero menores según
indique el usuario.

Así se visualiza.
2. En un nuevo documento javascript cree un objeto y asignar 5 propiedades (4 puntos)

Respuesta: aquí creamos el código HTML e integramos el “script” y dentro de este creamos un objeto
mediante una variable “var mitelefono”, la cual asignamos sus características o atributos, luego se
utilizo “console.log(mitelefono)” el cual se visualiza más abajo.

Así se visualiza.
3. Crear una función JQuery que permita encontrar elementos por ID (2 puntos)

Respuesta: para realizar esta actividad, cree un div con un “ID= DIV1”, luego un “h1” para el titulo y un
“p” para el párrafo (todo esto estaba dentro del DIV), posteriormente cree la función JQuery que permita
encontrar el elemento “ID” para ello cree un nuevo archivo “JQuery.js” el cual contiene la función y lo
agregue al código HTML “JQuery.html”, recordar que para llamar un ID se necesita utilizar un #.

Como dato adicional, vi un tutorial donde podemos cambiar el texto del párrafo si quisiéramos, bueno
imagino que se pueden hacer miles de cosas más.

Así se visualiza
Código index.html

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="suma.js"></script>
<title>Semana 4, Programacion Web II</title>
</head>
<body>
<script>
var mitelefono = {marca:"Redmi note",modelo:"10 5G",pantalla:"6,49",almacenamiento:"128 Gb",
peso:"190 gr"};
console.log(mitelefono);
</script>
</body>
</html>

Código suma.js
var resultado = 0;
var numero = prompt("ingrese un numero entero")
var i = 0;
while (i < numero) {
resultado += i;
i++;
}
alert("La suma de todos los números menores es: " + resultado);
código JQuery.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ejercicio N° 3, Programacion Web II</title>
</head>
<body>
<div id="div1">
<h1><strong> JQuery </strong></h1>
<p>Experimentando con JQuery</p>
</div>
<script src="JQuery.js"></script>
</body>
</html>

Código JQuery.js

$(document).ready(() =>{
$("#div1");
});

REFERENCIAS BIBLIOGRÁFICAS
Bucles - JavaScript: la guía completa.
https://www.youtube.com/watch?v=798YWLgVPXE
IACC, Programación Web II, javaScript, semana 4.

jQuery - Ejercicio 19: Seleccionar un Elemento HTML a través de su ID


https://www.youtube.com/watch?v=F347wK0Vy6A
Qué son y cómo hacer Objetos - Curso de JavaScript desde cero para principiantes
https://www.youtube.com/watch?v=rf3riernYms

También podría gustarte