body { font-family: Arial, sans-serif; background-color: #f4f6fb; margin: 0; padding: 20px; text-align: center; } .container { width: 100%; max-width: 600px; background-color: #fff; padding: 30px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin: 50px auto; } h1 { color: #1a73e8; font-size: 2em; margin-bottom: 20px; } input[type="text"] { width: 60%; padding: 10px; font-size: 1.2em; border-radius: 5px; border: 2px solid #1a73e8; margin-bottom: 20px; } button { padding: 10px 20px; background-color: #1a73e8; color: white; border: none; border-radius: 5px; font-size: 1.2em; cursor: pointer; } button:hover { background-color: #005bb5; } .message { font-size: 1.2em; margin-top: 20px; font-weight: bold; } .coverage { color: green; } .no-coverage { color: red; } .info { margin-top: 30px; font-size: 1em; } const coveredPostcodes = [ "01000", "01010", "01020", "01030", "01040", "01049", "01050", "01060", "01070", "01080", "01089", "01090", "01180", "01600", "01610", "01618", "01620", "01279", "01410", "01480", "01710", "01750", "01780", "01790", "01904" ]; function checkCoverage() { const postcode = document.getElementById("postalCode").value.trim(); if (postcode.length !== 5 || isNaN(postcode)) { document.getElementById("message").innerHTML = "Por favor ingresa un código postal válido (5 dígitos)."; document.getElementById("message").classList.remove("coverage", "no-coverage"); return; } if (coveredPostcodes.includes(postcode)) { document.getElementById("message").innerHTML = `¡Sí tenemos cobertura de entrega en el código postal ${postcode}! 🎉`; document.getElementById("message").classList.add("coverage"); document.getElementById("message").classList.remove("no-coverage"); } else { document.getElementById("message").innerHTML = `Lo sentimos, no tenemos cobertura en el código postal ${postcode}. 🚫`; document.getElementById("message").classList.add("no-coverage"); document.getElementById("message").classList.remove("coverage"); } }