diff --git a/Practicas/Practicas JS/DOM 05/ejercicio05_DOM.html b/Practicas/Practicas JS/DOM 05/ejercicio05_DOM.html new file mode 100644 index 0000000..fe4b371 --- /dev/null +++ b/Practicas/Practicas JS/DOM 05/ejercicio05_DOM.html @@ -0,0 +1,62 @@ + + + + + Compra caja JAVASCRIPT + + + + + +
+ +

Nombre cliente

+ +

Material de la caja + +

+ +

Seleccione un tamaño para la caja

+
+ Diminuta
+ Mediana
+ Grande
+
+

Comentarios

+ + +
+ + + + + + + +
+ + +
+ + + \ No newline at end of file diff --git a/Practicas/Practicas JS/DOM 05/ejercicio05_DOM.png b/Practicas/Practicas JS/DOM 05/ejercicio05_DOM.png new file mode 100644 index 0000000..1a54f71 Binary files /dev/null and b/Practicas/Practicas JS/DOM 05/ejercicio05_DOM.png differ diff --git a/Practicas/Practicas JS/DOM 05/index.html b/Practicas/Practicas JS/DOM 05/index.html new file mode 100644 index 0000000..31bc511 --- /dev/null +++ b/Practicas/Practicas JS/DOM 05/index.html @@ -0,0 +1,56 @@ + + + + + + + + Document + + + +
+
+ + +
+ +
+ + +
+ +
+

Seleccione unas dimensiones para la caja:

+
+ + +
+
+ + +
+
+ + +
+
+ +
+ + +
+ +
+ + +
+
+ + + + \ No newline at end of file diff --git a/Practicas/Practicas JS/DOM 05/js/main.js b/Practicas/Practicas JS/DOM 05/js/main.js new file mode 100644 index 0000000..d32d31a --- /dev/null +++ b/Practicas/Practicas JS/DOM 05/js/main.js @@ -0,0 +1,11 @@ + +function generaPedido(){ + let txtNombre = document.getElementById("nombre").value; + let slbMaterial = document.getElementById("tipoCaja").value; + let chkDimensiones = document.querySelector('input[name="dimensiones"]:checked').value; + let txtComentarios = document.getElementById("comentarios").value; + let txtResultado = document.getElementById("resultado"); + + let resultado=` ${txtNombre} ha pedido una caja de ${slbMaterial} con unas dimensiones ${chkDimensiones}. ${txtComentarios}` + txtResultado.textContent=resultado; +} \ No newline at end of file diff --git a/Practicas/Practicas JS/DOM 4/ejercicio04_DOM.html b/Practicas/Practicas JS/DOM 4/ejercicio04_DOM.html new file mode 100644 index 0000000..a713673 --- /dev/null +++ b/Practicas/Practicas JS/DOM 4/ejercicio04_DOM.html @@ -0,0 +1,49 @@ + + + + + Lista de la compra JAVASCRIPT + + + + + +
+ + + + + + + +

Nota: Puedes eliminar elementos de la lista haciendo doble click sobre ellos

+
+ + +
+ + + \ No newline at end of file diff --git a/Practicas/Practicas JS/DOM 4/index.html b/Practicas/Practicas JS/DOM 4/index.html new file mode 100644 index 0000000..a2bcbf7 --- /dev/null +++ b/Practicas/Practicas JS/DOM 4/index.html @@ -0,0 +1,18 @@ + + + + + + + Ejercicio DOM 4 + + +
+ + +
+
+ +
+ + \ No newline at end of file diff --git a/Practicas/Practicas JS/DOM 4/js/main.js b/Practicas/Practicas JS/DOM 4/js/main.js new file mode 100644 index 0000000..e0a4053 --- /dev/null +++ b/Practicas/Practicas JS/DOM 4/js/main.js @@ -0,0 +1,16 @@ + +function addElement(){ + let txtElemento = document.getElementById('txtlista').value; + add(txtElemento); +} +function add(elemento){ + let listUl = document.getElementById('listUl') + let listItem =document.createElement('li'); + listItem.textContent=elemento; + listItem.addEventListener('dblclick',()=>{delElement(listItem)}); + listUl.appendChild(listItem); +} + +function delElement(elemento){ + elemento.remove(); +} \ No newline at end of file diff --git a/Practicas/Practicas JS/DOM 6/Ejerccio06_DOM.txt b/Practicas/Practicas JS/DOM 6/Ejerccio06_DOM.txt new file mode 100644 index 0000000..c84970e --- /dev/null +++ b/Practicas/Practicas JS/DOM 6/Ejerccio06_DOM.txt @@ -0,0 +1,15 @@ + +(Precios sin IVA) +Destino: 3 opciones +Vuelo: Europa=500, Asia=1000,Africa=1200 +Número de noches: las que sean +Tasas del viaje: Europa=50, Asia=100, Africa=120 +Coste hotel: 90 por noche +Coste alquiler coche: 60 por dia + + +Coste total: debemos calcularlo con IVA + + +---------------------------- + diff --git a/Practicas/Practicas JS/DOM 6/ejercicio06_DOM.png b/Practicas/Practicas JS/DOM 6/ejercicio06_DOM.png new file mode 100644 index 0000000..5ac0502 Binary files /dev/null and b/Practicas/Practicas JS/DOM 6/ejercicio06_DOM.png differ diff --git a/Practicas/Practicas JS/DOM 6/ejercicio06_DOM_version1.html b/Practicas/Practicas JS/DOM 6/ejercicio06_DOM_version1.html new file mode 100644 index 0000000..47460ef --- /dev/null +++ b/Practicas/Practicas JS/DOM 6/ejercicio06_DOM_version1.html @@ -0,0 +1,79 @@ + + + + + Ejercicio 06 JAVASCRIPT Coste viaje + + + + + +
+ +

Introduzca número de dias +

+ Seleccione Destino + +

+ +
+

Elige el día de salida

+
+

Coste vuelo

+

Coste hotel

+

Tasas viaje

+

Coste alquiler coche

+

Coste total

+ + + +
+
+ + \ No newline at end of file diff --git a/Practicas/Practicas JS/DOM 6/index.html b/Practicas/Practicas JS/DOM 6/index.html new file mode 100644 index 0000000..e5771db --- /dev/null +++ b/Practicas/Practicas JS/DOM 6/index.html @@ -0,0 +1,56 @@ + + + + + + + Document + + + +
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+ +
+ + \ No newline at end of file diff --git a/Practicas/Practicas JS/DOM 6/js/main.js b/Practicas/Practicas JS/DOM 6/js/main.js new file mode 100644 index 0000000..190af8f --- /dev/null +++ b/Practicas/Practicas JS/DOM 6/js/main.js @@ -0,0 +1,46 @@ +function calculaTotales() { + let nDias = document.getElementById("nDias").value; + let destino = document.getElementById("destino").value; + let costeVuelo = document.getElementById("costeVuelo"); + let costeHotel = document.getElementById("costeHotel"); + let tasasViaje = document.getElementById("tasasViaje"); + let costeAlquilerCoche = document.getElementById("costeAlquilerCoche"); + let costeTotal = document.getElementById("costeTotal"); + + let PVPHOTEL; + let PVPALQUILERCOCHE = + parseInt(nDias) >= 7 ? 40 : parseInt(nDias) <= 3 ? 80 : 60; + let IVA = 1.21; + + let tasas = 0; + switch (destino) { + case "500": + tasas = 50; + PVPHOTEL = 90; + break; + case "1000": + tasas = 100; + PVPHOTEL = 110; + break; + case "1200": + tasas = 120; + PVPHOTEL = 80; + break; + } + if (nDias >= 12) { + tasas = 0; + } + + let vuelo = parseInt(destino); + let hotel = nDias * PVPHOTEL; + let alquilerCoche = nDias * PVPALQUILERCOCHE; + let total = parseFloat((vuelo + hotel + tasas + alquilerCoche) * IVA).toFixed( + 2 + ); + + costeVuelo.value = vuelo; + costeHotel.value = hotel; + tasasViaje.value = tasas; + costeAlquilerCoche.value = alquilerCoche; + costeTotal.value = total; +}