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

Dia 32

Browse Source
This commit is contained in:
Marcos Lopez
2024-01-22 13:46:08 +01:00
parent f49cedd764
commit ad40171fb4
12 changed files with 863 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

105
Practicas/Practicas JS/DOM 03/ejercicio03_DOM.html Normal file
View File

@@ -0,0 +1,105 @@
<!Doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Ejercicio 03 DOM (Accede a Formularios)</title>
<script>
// Conversor de divisas
function eur_dol() {
// Obtén el valor de la entrada con ID "eurosP"
let euros=document.getElementById("entradaEuros").value;
// Convierte el valor a un número de punto flotante
let eurosParse=parseFloat(euros);
// Realizo la conversión
let resultadoDolares=eurosParse*1.09;
// Paso a 2 decimales
let resultadoDolaresDecimales=resultadoDolares.toFixed(2);
// Obtengo el elemento para la respuesta
let inputRespuesta=document.getElementById("salidaDolares");
// Asigno la respuesta
inputRespuesta.value=resultadoDolaresDecimales;
}
function dol_eur() {
let dolar2=document.getElementById("dolarP").value;
let dolares=parseFloat(dolar2);
let resultado=dolares/1.09;
let resultadoD=resultado.toFixed(2);
let respuesta=document.getElementById("resultadoE");
respuesta.value=resultadoD;
}
// Calculadora precio IVA
function precioI() {
let precioNeto=document.getElementById("precioP").value;
let precioNetoP=parseFloat(precioNeto);
let precioI=precioNetoP*1.21;
let precioIF=precioI.toFixed(2);
alert("El precio con Iva es " + precioIF +" "+ "euros");
}
// Construye la frase
function frase() {
let nombre=document.getElementById("nombre").value;
let apellido=document.getElementById("apellido").value;
let ano=document.getElementById("ano").value;
let ciudad=document.getElementById("ciudad").value;
let mensaje="Hola " + nombre + " " + apellido + " naciste en " + ciudad + " en el año" + ano + ".";
alert(mensaje);
//Crear parrafo respuesta abajo (creandolo)
let p = document.createElement("p");
p.textContent = mensaje;
// Inserto en el body
//document.body.appendChild(p);
// Inserto debajo del botón exactamente
let sitio=document.getElementById("respuestaF")
sitio.insertAdjacentElement("afterend", p);
// Inserto modificando existente
let sitio2=document.getElementById("respuestaScript");
sitio2.textContent= "Respuesta: " + mensaje;
}
</script>
</head>
<body>
<h1>Conversor de monedas</h1>
<p>Introduce la cantidad en euros <input id="entradaEuros" type=number value=0><input type=button value="Convertir a dolares" onclick="eur_dol()"> <input id="salidaDolares" type=number value=0 ></p>
<br>
<p>Introduce la cantidad en dolares <input id="dolarP" type=number value=0> <input type=button value="Convertir a euros" onclick="dol_eur()">
<input id="resultadoE" type=number value=0> </p>
<br>
<br>
<h1>Calculadora precio con IVA</h1>
<p>Introduce el precio sin IVA <input id="precioP" type=number value=0 >
<br>
<br>
Pulsa resultado <input type=button value="Precio con IVA" onclick="precioI()" >
<br>
<h1>Escribe la frase</h1>
<br>
Nombre <input id="nombre" type=text value="" >
<br>
<br>
Apellido <input id="apellido" type=text value="" >
<br>
<br>
En que año naciste ? <input id="ano" type=number value="" >
<br>
<br>
En que ciudad ? <input id="ciudad" type=text value="" >
<br>
<br>
<p id="respuestaF"><input type=button value="Frase" onclick="frase()" ></p>
<p id="respuestaScript">Respuesta: </p>
<br>
</body>
</html>

38
Practicas/Practicas JS/DOM 03/index.html Normal file
View File

@@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="./js/main.js"></script>
<title>Document</title>
</head>
<body>
<h2>Conversor de monedas</h2>
<div>
<span>Introduce la cantidad en euros</span><input type="number" name="eurosInput" id="eurosInput" value="0">
<button onclick="eurToDolar()">Convertir adolares</button>
<input type="number" name="dolarOutput" id="dolarOutput" value="0">
</div>
<div>
<span>Introduce la cantidad en dolares</span> <input type="number" name="dolarInput" id="dolarInput" value="0">
<button onclick="dolarToEur()">Convertir adolares</button>
<input type="number" name="eurOutput" id="eurOutput" value="0">
</div>
<h2>Calculadora precio IVA</h2>
<span>Introduce el precio sin IVA</span> <input type="number" id="pvpInput"> <br>
<span>Pulsa para resultado</span> <button onclick="pvpIVA()">Precio con Iva</button>
<h3>Escribe la frase</h3>
<label for="nombre">Nombre</label><input type="text" name="nombre" id="nombre"> <br>
<label for="apellidos">Apellido</label><input type="text" name="apellidos" id="apellidos"> <br>
<label for="nacimiento">En que año naciste?</label><input type="number" name="nacimiento" id="nacimiento"> <br>
<label for="ciudad">En que ciudad?</label><input type="text" name="ciudad" id="ciudad"> <br>
<span id="frase"></span>
<button onclick="frase()">Frase</button>
</body>
</html>

29
Practicas/Practicas JS/DOM 03/js/main.js Normal file
View File

@@ -0,0 +1,29 @@
function eurToDolar(){
let eurosInput = document.getElementById('eurosInput');
let dolarOutput = document.getElementById('dolarOutput');
resultado = parseFloat(eurosInput.value)*1.09;
dolarOutput.value=resultado.toFixed(2);
}
function dolarToEur(){
let dolarInput = document.getElementById('dolarInput');
let eurOutput = document.getElementById('eurOutput');
resultado = parseFloat(dolarInput.value)*0.9;
eurOutput.value=resultado.toFixed(2);
}
function pvpIVA(){
let pvpInput=document.getElementById('pvpInput');
alert(pvpInput.value*1.21)
}
function frase() {
let nombre = document.getElementById('nombre').value;
let apellidos = document.getElementById('apellidos').value;
let nacimiento = document.getElementById('nacimiento').value;
let ciudad = document.getElementById('ciudad').value;
let frase =document.getElementById('frase');
frase.innerHTML= (`Hola ${nombre} ${apellidos} nacido el año ${nacimiento} en ${ciudad} <br>`)
}