Ejercicios JavaScript - Secuenciales

─ Parte 0 ─

Estructuras secuenciales

Para los siguientes ejercicios puedes utilizar estas estructuras:

El método .alert() muestra un diálogo de alerta con contenido opcional especificado y un botón OK (Aceptar).
El método .confirm() muestra una ventana de diálogo con un mensaje opcional y dos botones, Aceptar y Cancelar.
El método .prompt() muestra un diálogo con mensaje opcional, que solicita al usuario que introduzca un texto.
La función console.log() muestra un mensaje en la consola web (o del intérprete JavaScript).

writeln(),y el evento onclick;
También puedes hacer uso de las "template string" (acento grave) y la interpolación.

#001 |🎬 · Crear un script para mostrar en una página web tu nombre, grupo y curso académico. El script debe estar en el propio archivo HTML.

Utiliza document.writeln()

#002 |🎬 · Crea un script para presentar en una página web el significado de las siglas DOM y BOM. El script debe estar en un archivo externo dentro de variables.

Utiliza "template string" y la propiedad innerHTML

#003 |🎬 · Crea un script para que al pulsar un botón en una página HTML aparezca una ventana emergente con el mensaje " ¡ Hola Mundo ! ". El script debe estar en el propio archivo HTML.

<button onclick="alert()">Pulsa</button>

#004 |🎬 · Crea un script para ver en consola estos mensajes: el primero como resultado de código JS en la página HTML y el segundo como resultado de código JS en un archivo externo .js

"JavaScript es un lenguaje de programación que te permite implementar funciones complejas en páginas web"
"ECMAScript v6 (Abreviado como ES6 o ES2015) es el estándar que sigue JavaScript desde Junio de 2015. "

#005 |🎬 · Realiza un script que cargue el nombre de un usuario y su correo electrónico por teclado, utilizando dos cuadros de diálogo. Mostrar después los datos en la página HTML.

Utiliza prompt() y innerHTML()

puedes usar document.getElementById()

#006 |🎬 · Crea un script que pregunte al usuario un color (en cualquier formato de color), si es correcto el fondo de la página debe cambiar a dicho color.

Utiliza prompt() y document.body.style.backgroundColor = color

#007 | Crea un script que realice una potencia cualquiera (debe preguntar por la base y el exponente).

// Ejemplo: pregunta al usuario un número y como resultado muestra su cuadrado y su cubo.

let numero;

let cuadrado;

let cubo;

numero = +prompt('Dime un número:');

cuadrado = numero ** 2;

cubo = numero ** 3;

document.writeln(`El cuadrado de ${numero} es: ${cuadrado} <br>`);

document.writeln(`El cubo de ${numero} es: ${cubo}`);

</script>

#008 | Escribe un script que pida dos números por ventana y posteriormente escriba su producto, cociente (con dos decimales), resto y potencia. El resultado debe aparecer dentro de una caja <div id="resultado">.

// Ejemplo: muestra dos números y escribe su suma y su diferencia.

let n1;

let n2;

let $resultado = document.getElementById("resultado");

let suma, resta;

n1 = +prompt("Dime el PRIMER número");

n2 = +prompt("Dime el SEGUNDO número");

suma = n1 + n2;

resta = n1 - n2;

$resultado.innerHTML = `Dados dos números: ${n1} y ${n2} <hr>`;

$resultado.innerHTML += `La suma es: ${suma} <br>`;

$resultado.innerHTML += `La diferencia es: ${resta} <br>`;

#009 | Escribe un script que pregunte por ventana el radio de un círculo y seguidamente muestre su área en la página, además del valor del radio.

Utiliza "Template strig" (acento grave) y el elemento HTML <pre>

#010 | Crea un script que pida el precio de un artículo y la cantidad comprada. Después mostrar el importe que debe abonar, además de los datos introducidos y el IVA aplicado.

Utiliza "Template strig" y el elemento HTML <pre>

Page updated

Google Sites

Report abuse