diff --git a/Practicas/Practicas JS/Introduccion/Funciones iniciales.js b/Practicas/Practicas JS/Introduccion/Funciones iniciales.js new file mode 100644 index 0000000..8c36bb9 --- /dev/null +++ b/Practicas/Practicas JS/Introduccion/Funciones iniciales.js @@ -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('

Hola, esto es un ejemplo de document.write

'); + document.write('

¡Bienvenido!

'); + + + //Muestra mensajes por consola + console.log(''); \ No newline at end of file diff --git a/Practicas/Practicas JS/Introduccion/holaMundo.js b/Practicas/Practicas JS/Introduccion/holaMundo.js index 8ce08aa..6f75299 100644 --- a/Practicas/Practicas JS/Introduccion/holaMundo.js +++ b/Practicas/Practicas JS/Introduccion/holaMundo.js @@ -1,5 +1 @@ -alert('Hola mundo, desde archivo externo'); -pasar(); -function pasar(){ - console.log('paso por aqui ') -} \ No newline at end of file +alert('Hola mundo, desde archivo externo'); \ No newline at end of file diff --git a/Practicas/Practicas JS/Practica 1/Ejercicio_prompt_confirm_alert_console_corregido.html b/Practicas/Practicas JS/Practica 1/Ejercicio_prompt_confirm_alert_console_corregido.html new file mode 100644 index 0000000..9556d84 --- /dev/null +++ b/Practicas/Practicas JS/Practica 1/Ejercicio_prompt_confirm_alert_console_corregido.html @@ -0,0 +1,61 @@ + + + + + + + + Prompt Alert Confirm Console Document.Write + + + +

Hola Mundo!

+ + + + + diff --git a/Practicas/Practicas JS/Practica 1/index.html b/Practicas/Practicas JS/Practica 1/index.html new file mode 100644 index 0000000..939b9c5 --- /dev/null +++ b/Practicas/Practicas JS/Practica 1/index.html @@ -0,0 +1,12 @@ + + + + + + Document + + + + + + \ No newline at end of file diff --git a/Practicas/Practicas JS/Practica 1/main.js b/Practicas/Practicas JS/Practica 1/main.js new file mode 100644 index 0000000..109358b --- /dev/null +++ b/Practicas/Practicas JS/Practica 1/main.js @@ -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(`

${msg}

`); + +// 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"); + } +} diff --git a/Practicas/Practicas JS/Practica 2/index.html b/Practicas/Practicas JS/Practica 2/index.html new file mode 100644 index 0000000..1ddb5c2 --- /dev/null +++ b/Practicas/Practicas JS/Practica 2/index.html @@ -0,0 +1,12 @@ + + + + + + + Document + + + + + \ No newline at end of file diff --git a/Practicas/Practicas JS/Practica 2/main.js b/Practicas/Practicas JS/Practica 2/main.js new file mode 100644 index 0000000..ecbf677 --- /dev/null +++ b/Practicas/Practicas JS/Practica 2/main.js @@ -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"); +}