Taller programación inicial

Entradas

Mostrando las entradas de octubre, 2022

JS prompt y switch

octubre 31, 2022

Ejercicio 45: 1. Crear una página en HTML, agregar mínimamente: a. Un nombre a la página b. Un botón accione un prompt que consulte al usuario ¿Cuál comida típica argentina es su favorita c. Los casos son (Locro, Buseca, Tortas Fritas, Asado, default) index.html <!DOCTYPE html> <html> <head> <title>JS prompt y switch</title> <meta charset="UTF-8"> </head> <body> <h1>JS prompt y switch</h1> <button onclick="comidasArgentinas()">Inserte una comida</button> <p id="demo"></p> <script> function comidasArgentinas() { let frase; let comidaFavArg = prompt( "¿Cuál es tu comida favorita argentina?", "Locro" ); switch (comidaFavArg) { case "Locro": frase = "El locro es una gran elección"; break;

JS alert y confirm

octubre 31, 2022

Ejercicio 44: 1. Crear una página en HTML, agregar mínimamente: a. Un nombre a la página b. Un botón accione un alert y otro un confirm, que al elegir la respuesta nos avise que clickeamos index.html <!DOCTYPE html> <html> <head> <title>JS alert y confirm</title> </head> <body> <h1>JS alert y confirm</h1> <button onclick="alerta()">Recibe un alerta</button> <button onclick="confirmacion()">Confirmación de cookies</button> <p id="demo"></p> <script> function alerta() { alert("Hiciste click en el botón de alerta"); } function confirmacion() { let frase; if (confirm("¿Aceptás las cookies?") == true) { frase = "Aceptaste las cookies"; } else { frase = "Cancelaste el uso de cookies"; } document.getEleme

JS objeto

octubre 28, 2022

Ejercicio 43: 1. Crear una página en HTML, agregar mínimamente: a. Un nombre a la página b. Definir 1 objeto persona. PROPIEDADES: Nombre, Apellido, Edad MÉTODOS: Nombre completo c. Mostrar Nombre completo y edad index.html <!DOCTYPE html> <html> <head> <title>JS Objetos</title> </head> <body> <h1>JS Objetos</h1> <p id="demo"></p> <script> const persona = { nombre: "Juan", apellido: "Perez", edad: 38, nombreCompleto: function () { return this.nombre + " " + this.apellido; }, }; document.getElementById("demo").innerHTML = persona.nombreCompleto() + " tiene " + persona.edad + " años"; </script> </body> </html>

JS eventos

octubre 28, 2022

Ejercicio 42: 1. Crear una página en HTML, agregar mínimamente: a. Un nombre a la página b. Utilizar distintos eventos para aparecer (onclick, onmouseover) y desaparecer (onmouseout, onload) una frase index.html <!DOCTYPE html> <html> <head> <title>JS eventos</title> </head> <body> <h1>Eventos de JS</h1> <p>Pulse el botón para desaparecer y aparecer el texto</p> <button onclick="mostrar()">Onclick</button> <button onload="esconder()">Onload</button> <button onmouseover="mostrar()" onmouseout="esconder()">Onmouseover y Onmouseout</button> <script> function mostrar() { document.getElementById("demo").innerHTML = "Texto Mostrado"; } function esconder() {

JS función return - Pasaje de metros a pulgadas y metros a pies

octubre 28, 2022

Ejercicio 41: 1. Crear una página en HTML, agregar mínimamente: a. Un nombre a la página b. Al cargar la página me regrese a través de una función el pasaje de: - 5 Metros a pulgadas - 5 Metros a pies index.html <!DOCTYPE html> <html> <head> <title>JS función return</title> </head> <body> <h1>JS función "return"</h1> <p>En este ejemplo veremos el pasaje de 5 metros a pulgadas y pies</p> <p id="pulgada"> in</p> <p id="pie"> ft</p> <script> function aPulgada(metros) { return (metros*39.37); } function aPie(metros) { return (metros*3.28); } document.getElementById("pulgada").innerHTML = aPulgada(5); document.getElementById("pie").innerHTML = aPie(5); </script> </body> </html>

JS funcion return - restar

octubre 28, 2022

Ejercicio 40: 1. Crear una página en HTML, agregar mínimamente: a. Un nombre a la página b. Al cargar la página me regrese a través de una función el resultado de 4-3 index.html <!DOCTYPE html> <html> <head> <title>JS función return - restar</title> </head> <body> <h1>JS función "return"</h1> <p>En este ejemplo vamos a comprobar como funciona la funcion return</p> <p id="cuenta"></p> <script> var x = myFunction(4, 3); document.getElementById("cuenta").innerHTML = x; function myFunction(a, b) { return a - b; } </script> </body> </html>

JS añadir información en cadena de caracteres

octubre 17, 2022

Ejercicio 39: 1. Crear una página en HTML, agregar mínimamente: a. Un nombre a la página b. Un párrafo “En el taller de programación” c. Con un botón que pueda completar la frase “aprendemos HTML, CSS y JS” index.html <!DOCTYPE html> <html> <head> <title>JS escribiendo frases</title> <meta charset="UTF-8"> </head> <body> <p id="inicio"></p> <button onclick="fraseCompleta()">Completar frase</button> <script> let frase = "En el taller de programación"; document.getElementById("inicio").innerHTML=frase; function fraseCompleta(){ frase += " aprendemos HTML, CSS y JS"; document.getElementById("inicio").innerHTML=frase; } </script> </body> </html>

JS asignaciones de operaciones aritméticas

octubre 03, 2022

Ejercicio 38: 1. Crear una página en HTML, agregar mínimamente: a. Un nombre a la página b. Un valor inicial en una variable numérica c. 6 botones que realicen, cada uno de ellos, una de las operaciones aritméticas vistas index.html <!DOCTYPE html> <html> <head> <title>JS asignar operaciones aritméticas</title> </head> <body> <p id="Cuenta"></p> <button onclick="Sumar()">+100</button> <button onclick="Restar()">-50</button> <button onclick="Dividir()">/2</button> <button onclick="Multiplicar()">*2</button> <button onclick="Modulo()">%3</button> <button onclick="Potencia()">**3</button> <script> let Numero=150; document.getElementById("Cuenta