marklogo/IFCD0210
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Dia 26

Browse Source
This commit is contained in:
Marcos Lopez 2024-01-12 13:52:31 +01:00
parent 4312b4bf29
commit bfe4688877
7 changed files with 167 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
Practicas/Practicas JS/Introduccion/Funciones iniciales.js Normal file
View File

@ -0,0 +1,26 @@
// **En JavaScript, alert es una función que muestra un cuadro de diálogo con un mensaje y un botón de "Aceptar". Se utiliza principalmente para mostrar mensajes simples o alertas al usuario. Aquí tienes un ejemplo básico:
// Muestra un mensaje de alerta al cargar la página
alert('¡Hola, este es un ejemplo de alerta en JavaScript!');
// **La función prompt en JavaScript se utiliza para mostrar un cuadro de diálogo que solicita al usuario que ingrese información. A continuación, te proporciono un ejemplo simple:
// Solicita al usuario que ingrese su nombre
var nombreUsuario = prompt('Por favor, ingresa tu nombre:');
// **La función confirm en JavaScript se utiliza para mostrar un cuadro de diálogo de confirmación con botones "Aceptar" y "Cancelar". Este cuadro de diálogo permite al usuario confirmar o cancelar una acción. Aquí tienes un ejemplo:
// Muestra un cuadro de diálogo de confirmación
var respuesta = confirm('¿Estás seguro de que quieres continuar?');
// **La función document.write en JavaScript se utiliza para escribir contenido directamente en el documento HTML mientras se carga la página.
// Utiliza document.write para escribir contenido en el documento HTML
document.write('<h1>Hola, esto es un ejemplo de document.write</h1>');
document.write('<p>¡Bienvenido!</p>');
//Muestra mensajes por consola
console.log('');

6
Practicas/Practicas JS/Introduccion/holaMundo.js
View File

@ -1,5 +1 @@
alert('Hola mundo, desde archivo externo');
pasar();
function pasar(){
console.log('paso por aqui ')
}
alert('Hola mundo, desde archivo externo');

61
Practicas/Practicas JS/Practica 1/Ejercicio_prompt_confirm_alert_console_corregido.html Normal file
View File

@ -0,0 +1,61 @@
<!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" />
<link rel="stylesheet" href="./estilos.css" />
<title>Prompt Alert Confirm Console Document.Write</title>
</head>
<body>
<h1>Hola Mundo!</h1>
<!-- Forma #1 - Etiqueta Script -->
<script>
// Pedir al usuario que ingrese su nombre
var nombre = prompt("Ingresa tu nombre:");
// Pedir al usuario que ingrese sus apellidos
var apellidos = prompt("Ingresa sus apellidos:");
// Pedir al usuario que ingrese la ciudad en la que vive
var ciudad = prompt("Ingresa la ciudad en la que vive:");
// Construir el mensaje con la información proporcionada
var mensaje = "Hola " + nombre +" "+ apellidos +" ciudadano de "+ ciudad;
alert(mensaje);
console.log(mensaje);
/* // Preguntar al usuario si le ha gustado la página
var opinion = confirm("¿Te ha gustado la página?");
// Responder según la respuesta del usuario
if (opinion) {
alert("¡Gracias por tu feedback positivo!");
} else {
alert("¡Eres un petard@!");
console.log("Usuario no satisfecho.");
}*/
// Preguntar al usuario si le ha gustado la página
var respuesta = prompt("¿Te ha gustado la página? (Responde con 'si' o 'no')");
/*// Responder según la respuesta del usuario
if (respuesta.toLowerCase() === 'si') {
alert("¡Gracias por tu feedback positivo!");
} else {
alert("¡Vaya, lo sentimos que no te haya gustado! :(");
console.log("Usuario no satisfecho.");
}*/
if (respuesta.toLowerCase() === 'si') {
alert("¡Gracias por tu feedback positivo!");
} else {
if (respuesta.toLowerCase() === 'no') {
alert("¡Gracias por tu feedback positivo!");
} else {
alert(" Te he dicho que contestes si o no! ")};
};
//Escribe el mensaje en la página
document.write(mensaje);
</script>
</body>
</html>

12
Practicas/Practicas JS/Practica 1/index.html Normal file
View File

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./main.js" defer></script>
</head>
<body>
</body>
</html>

30
Practicas/Practicas JS/Practica 1/main.js Normal file
View File

@ -0,0 +1,30 @@
var nombre = prompt("Cual es tu nombre");
var apellidos = prompt("Cuales son tua apellidos");
var ciudad = prompt("En que ciudad vives");
const msg = `Hola ${nombre} ${apellidos} ciudadano de ${ciudad}`;
alert(msg);
console.log(msg);
document.write(`<p> ${msg} </p>`);
// if (confirm("¿Te ha gustado la pagina?")) {
// alert("Gracias por su visita");
// } else {
// alert("·$%·%$$%·$%·$%");
// }
// if (prompt("Te ha gustado la pagina (Si/No)").toLowerCase() === "si") {
// alert("Gracias por su visita");
// } else {
// alert("·$%·%$$%·$%·$%");
// }
var resp = prompt("Te ha gustado la pagina (Si/No)");
if (resp != null) {
if (resp.toLowerCase() === "si") {
alert("Gracias por su visita");
} else if (resp.toLowerCase() === "no") {
alert("·$%·%$$%·$%·$%");
} else {
alert("Respuesta erronea");
}
}

12
Practicas/Practicas JS/Practica 2/index.html Normal file
View File

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="./main.js" defer></script>
<title>Document</title>
</head>
<body>
</body>
</html>

25
Practicas/Practicas JS/Practica 2/main.js Normal file
View File

@ -0,0 +1,25 @@
var precioProducto = parseFloat(prompt("Introduce el precio del producto"));
var unidades = parseInt(prompt("Introduce el numero de unidades"));
if (precioProducto>0 && !isNaN(precioProducto) && unidades > 0 && !isNaN(unidades)) {
var precioNeto = precioProducto * unidades;
var precioTotalConIVA = precioNeto * 1.21;
if (confirm("¿Desea aplicar un descuento del 15%?")) {
var precioConDescuento = precioTotalConIVA * 0.85;
alert(
`Gracias por tu compra. El importe con descuento del 15% es:
${precioConDescuento.toFixed(2)}€`
);
} else if (confirm("Vale, vale, ¿que le parece del 20%?")) {
var nuevoPrecioConDescuento = precioTotalConIVA * 0.8;
alert(
`¡Eres un buen comprador! Como oferta especial, el importe con descuento del 20% es:
${nuevoPrecioConDescuento.toFixed(2)}€`
);
} else {
alert('$·%"·$%/&"$%·%');
}
} else {
alert("Los datos introducidos son incorrectos");
}