Pongamos un input para poner una ciudad
Y otro input que va a ser gastos de envío
Y un botón calcular
Si la ciudad es Barcelona: gastos de envío 0
Si la ciudad es Tarragona o Lleida: gastos de envío 5
Si es otra ciudad gastos de envío: 10
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <p>Ciudad: <input type="text" id="ciudad" placeholder="Introduzca la ciudad"></p> <p>Gastos de envío: <input type="text" id="gastos" readonly></p> <h1>Los gastos de envío son: <span id="gastos2"></span></h1> <p><input type="button" onclick="calcular()" value="Calcular"></p> <script src="js/test.js"></script> </body> </html>
function calcular () {
let ciudad = document.getElementById('ciudad').value
ciudad = ciudad.toLowerCase()
if (ciudad == 'barcelona') {
document.getElementById('gastos').value = 'Gratis'
document.getElementById('gastos2').innerHTML = 'Gratis'
} else if (ciudad == 'tarragona' || ciudad == 'lleida') {
document.getElementById('gastos').value = '5 €'
document.getElementById('gastos2').innerHTML = '5 €'
} else {
document.getElementById('gastos').value = '10 €'
document.getElementById('gastos2').innerHTML = '10 €'
}
}
function calcular2 () {
const ciudad = document.getElementById('ciudad').value
let precio = '10 €'
if (ciudad == 'Barcelona') {
precio = 'Gratis'
} else if (ciudad == 'Tarragona' || ciudad == 'LLeida') {
precio = '5 €'
}
document.getElementById('gastos').value = precio
document.getElementById('gastos2').innerHTML = precio
}
