¡Hola a todos los viajeros y aventureros! Hoy estoy emocionado de compartir con ustedes una increíble herramienta que hemos desarrollado para facilitar la planificación de sus viajes en grupo.
¿Alguna vez te has encontrado en la situación de organizar un viaje con amigos o familiares y te has preguntado cómo dividir los gastos de manera justa? ¡No te preocupes más! Con esta calculadora de gastos de viaje en grupo, podrás decirle adiós a esos dolores de cabeza y concentrarte en disfrutar al máximo de tu aventura… ¡y todo gracias a Chat GPT!
Calculadora de Gastos de Viaje
Resumen de Gastos
Importe total:
Importe por persona:
Aquí el código que se ha utilizado en HTML:
<!DOCTYPE html><html><head> <title>Calculadora de Gastos de Viaje</title> <style> body { font-family: Arial, sans-serif; background-color: #f2f2f2; color: #333333; margin: 0; padding: 20px; } h1 { color: #007bff; text-align: center; } form { background-color: #ffffff; padding: 20px; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); margin-bottom: 20px; } label { display: block; margin-bottom: 10px; font-weight: bold; } input[type="number"] { width: 100%; padding: 8px; border-radius: 3px; border: 1px solid #cccccc; } input[type="button"] { background-color: #007bff; color: #ffffff; padding: 10px 20px; border: none; border-radius: 3px; cursor: pointer; margin-top: 10px; } input[type="button"]:hover { background-color: #0056b3; } h2 { color: #007bff; margin-bottom: 10px; } p { margin: 0; line-height: 1.5; } .resumen-gastos { background-color: #ffffff; padding: 20px; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .importe-titulo { font-weight: bold; margin-bottom: 10px; } .importe-valor { font-size: 18px; color: #007bff; } </style> <script> function calcularGastos() { // Obtener los valores ingresados por el usuario var totalVuelo = parseFloat(document.getElementById('total-vuelo').value); var totalHospedaje = parseFloat(document.getElementById('total-hospedaje').value); var totalAlquilerCoche = parseFloat(document.getElementById('total-alquiler-coche').value); var totalDiasEstancia = parseInt(document.getElementById('total-dias-estancia').value); var totalPersonas = parseInt(document.getElementById('total-personas').value); // Calcular el importe total var importeTotal = totalVuelo + totalHospedaje + totalAlquilerCoche; // Calcular el importe por persona var importePorPersona = importeTotal / totalPersonas; // Mostrar el importe total y el importe por persona document.getElementById('importe-total').innerHTML = importeTotal.toFixed(2) + ' €'; document.getElementById('importe-por-persona').innerHTML = importePorPersona.toFixed(2) + ' €'; } </script></head><body> <h1>Calculadora de Gastos de Viaje</h1> <form> <label for="total-vuelo">Importe total del vuelo (€):</label> <input type="number" id="total-vuelo" min="0" step="0.01"> <br> <label for="total-hospedaje">Importe total del hospedaje (€):</label> <input type="number" id="total-hospedaje" min="0" step="0.01"> <br> <label for="total-alquiler-coche">Importe total del alquiler de coche (€):</label> <input type="number" id="total-alquiler-coche" min="0" step="0.01"> <br> <label for="total-dias-estancia">Total de días de estancia:</label> <input type="number" id="total-dias-estancia" min="1"> <br> <label for="total-personas">Total de personas en el viaje:</label> <input type="number" id="total-personas" min="1"> <br> <input type="button" value="Calcular Gastos" onclick="calcularGastos()"> </form> <div class="resumen-gastos"> <h2>Resumen de Gastos</h2> <p class="importe-titulo">Importe total:</p> <p class="importe-valor" id="importe-total"></p> <p class="importe-titulo">Importe por persona:</p> <p class="importe-valor" id="importe-por-persona"></p> </div></body></html>Y lo más interesante, aquí os dejo el PROMT que he utilizado:
Haz en código HTML una calculadora para viajeros que quieran ver cuánto les cuesta viajar en grupo y que se pueda ver el gasto final que tiene cada viajero dependiendo del vuelo, hospedaje, coche de alquiler, días de estancia, etc. Es importante que salga el importe total y que al hacer clic en un botón de el resultado de cuánto tendría que pagar cada persona en €. En los datos que se tienen que escribir son los datos o cantidades totales, al finalizar debe salir la cantidad por cada persona que vaya al viaje. Espero que os sirva de gran ayuda y bienvenidos a la nueva era de la Inteligencia Artificial
