Tarea 4 Semana Programación Web II - I
Cargado por
Cristian MontecinosTarea 4 Semana Programación Web II - I
Cargado por
Cristian MontecinosPROGRAMACIÓN WEB II
Cristian Andrés Mortecinos Contreras
JAVASCRIPT
Instituto IACC
19-07-2021
Tarea de la semana 4
Desarrollo del control:
1. Realice un documento javascript donde se muestre la suma de todos los números menores
que otro número dado (3puntos)
El ejercicio que se nos pide a realizar utilizare son dos variables a declarar y recurriendo a; el
ciclo while, el cual nos permitirá poder evaluar cada variable para poder llegar que se cumpla la
condición; imagen a mostrar.
Código Realizado: ejercicio 1
<!DOCTYPE html>
<html lang="en">
<head>
<script src="bootstrap/js/jquery"></script>
<script src="js/boostrap.min.js"></script>
<script src="js.smooth-scroll.min.js"></script
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale="1.0">
<meta http-equiv="X-UA-Compatible content="ie-edge">
<title>TRABAJO 4A</title>
</head>
<body>
<script>
var total=0;
var num=10;
var j=0;
while(j <= num){
total +=j;
j++;
}
alert(total);
</script>
</body>
2. En un nuevo documento javascript cree un objeto y asignar 5 propiedades (4puntos)
En este ejercicio, se señala lo primero es declarar una variable, a continuación del nombre del
objeto, después entre llaves declaramos, las propiedades, terminando con el código el cual
apreciamos mediante consola los resultados obtenidos imagen a mostrar:
Terminando este podemos a preciar en la imagen El resultado final:
Código 2:
<!DOCTYPE html>
<html lang="en">
<head>
<script src="boostrap/js/jquery"></script>
<script src="js/boostrap.min.js"></script>
<script src="js.smooth-scroll.min.js"></script
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale="1.0">
<meta http-equiv="X-UA-Compatible content="ie-edge">
<title>TRABAJO SEMANA4</title>
</head>
<body>
<script>
var micasa={
puertas: "4",
modelo: "ASD20",
color: "calipso",
patio:"terraza",
pisos:"dos"};
console.log(micasa);
</script>
</body>
</html>
3. Crear una función Query que permita encontrar elementos por ID (2 puntos)
En el ejercicio número tres, lo que realizaremos es crear una página web de forma simple
diseñando un div, que este tenga un div continuo de un párrafo simple, subsiguientemente un
código java de forma paralela debemos crear el código con la función en el cual podremos
visualizar por consola el resultado que buscamos en dicho ejercicio.
Código 3:
<!DOCTYPE html>
<html lang="en">
<head>
<script src="boostrap/js/jquery"></script>
<script src="js/boostrap.min.js"></script>
<script src="js.smooth-scroll.min.js"></script
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale="1.0">
<meta http-equiv="X-UA-Compatible content="ie-edge">
<title>Prueba de jquery</title>
</head>
<body>
<div container="">
<div id="h1">
<h3> Hola Bienvenidos</h3>
<p>Prueba de jquery en navegadores</p>
</div>
</div>
$(document).ready(function(){
var h = $("h1");
console.log("h1");
});
</body>
Bibliografía.
IACC 2021. Contenido semana 4, PROGRAMACIÓN WEB II
JAVASCRIPT
https://www.youtube.com/watch?v=z95mZVUcJ-E
https://www.youtube.com/watch?v=j9oy_rMRfAc&list=PLPl81lqbj-4J_AQ3YYnzusbt7FpeL2oea
https://developer.mozilla.org/es/docs/Web/JavaScript
