124 lines
4.5 KiB
HTML
124 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Examen_UF1844</title>
|
|
<link rel="stylesheet" type="text/css" href="estilos.css">
|
|
<script>
|
|
function obtener() {
|
|
var dias = document.getElementById("dias").value;
|
|
var tipo = document.getElementById("tipo").value;
|
|
|
|
var tipoP, riesgo;
|
|
|
|
if (tipo == "basico") {
|
|
tipoP = 45;
|
|
riesgo = 15;
|
|
}
|
|
|
|
if (tipo == "gamamedia") {
|
|
tipoP = 65;
|
|
riesgo = 25;
|
|
}
|
|
|
|
if (tipo == "lujo") {
|
|
tipoP = 85;
|
|
riesgo = 35;
|
|
}
|
|
|
|
var vehiculo;
|
|
if (document.getElementById("riesgo").checked) {
|
|
vehiculo = dias * (tipoP + riesgo);
|
|
} else {
|
|
vehiculo = dias * (tipoP + 10);
|
|
}
|
|
|
|
var silla, gps;
|
|
if (document.getElementById("silla").checked) {
|
|
silla = 15;
|
|
} else {
|
|
silla = 0;
|
|
}
|
|
|
|
if (document.getElementById("gps").checked) {
|
|
gps = 5;
|
|
} else {
|
|
gps = 0;
|
|
}
|
|
|
|
var extras = (silla + gps) * dias;
|
|
|
|
var total = vehiculo + extras;
|
|
var totalI = total * 1.21;
|
|
|
|
var precioMenor;
|
|
if (document.getElementById("menor").checked) {
|
|
precioMenor = totalI * 0.3;
|
|
} else {
|
|
precioMenor = 0;
|
|
}
|
|
|
|
var totalF = (totalI + precioMenor).toFixed(2);
|
|
document.getElementById("total").value = totalF;
|
|
document.getElementById("recargo").value = precioMenor;
|
|
}
|
|
|
|
function faltan() {
|
|
var dias = document.getElementById("dias").value;
|
|
var inicio = new Date(document.getElementById("fecha_inicio").value).getTime();
|
|
var entrega = inicio + (dias * 24 * 60 * 60 * 1000);
|
|
var entregaF = new Date(entrega);
|
|
var entregaP = entregaF.toLocaleDateString();
|
|
|
|
|
|
// Calcular días hasta inicio de alquiler
|
|
var diferenciaMilisegundos = inicio - new Date().getTime();
|
|
var diasF = Math.ceil(diferenciaMilisegundos / (1000 * 60 * 60 * 24));
|
|
|
|
var frase = "Faltan " + diasF + " días para tu alquiler\nTu fecha de entrega del vehículo es el " + entregaP + "\n";
|
|
|
|
document.getElementById("info").value = frase;
|
|
document.getElementById("entrega").value = entregaP;
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<form action="recibeformulario_coches.php" method="post" enctype="multipart/form-data">
|
|
<h1>Alquiler de vehículo</h1>
|
|
<p>Introduzca número de dias de alquiler
|
|
<input type="number" name="dias" id="dias" size="3" value="0" required>
|
|
<p>Elige la fecha de inicio del alquiler <input type="date" name="fecha_inicio" id="fecha_inicio" required></p>
|
|
<p>Seleccione el tipo de vehículo
|
|
<!-- Lista de selección -->
|
|
<select name="tipo" id="tipo">
|
|
<option value="basico">Básico 45 Euros/día</option>
|
|
<option value="gamamedia">Gama media 65 Euros/día</option>
|
|
<option value="lujo">Lujo 85 Euros/día</option>
|
|
</select></p>
|
|
<h2>Elementos opcionales</h2>
|
|
<p>Silla Infantil * 15 Euros por día de alquiler<input type="checkbox" name="silla" id="silla" value="silla"></p>
|
|
<p>GPS * 5 Euros por día de alquiler <input type="checkbox" name="gps" id="gps" value="gps"></p>
|
|
<h2>Seguro</h2>
|
|
<p>** El seguro a terceros es obligatorio y tiene un coste de 10 Euros/día sin IVA</p>
|
|
<p>Seguro a todo riesgo <input type="checkbox" name="riesgo" id="riesgo" value="riesgo"></p>
|
|
<p>Conductor menor de 30 años <input type="checkbox" name="menor" id="menor" value="menor"></p>
|
|
<p>Coste total <input type="text" name="total" id="total" ></p>
|
|
|
|
<input type="button" value="Calcular coste total" onclick="obtener();faltan()">
|
|
<p>*Nombre: <input type="text" name="nombre" id="nombre" placeholder="Nombre y Apellidos" required></p>
|
|
<p>*Correo electrónico: <input type="email" name="email" placeholder="Escribe tu correo" required></p>
|
|
<p>*Teléfono: <input type="tel" name="telefono" required></p>
|
|
<p>Check-in online (opcional):</p>
|
|
<p>Adjunte fotocopia de DNI <input type="file" name="dni_archivo" id="dni_archivo" accept=".pdf,.jpg" ></p>
|
|
<p><label for="dni">DNI:</label> <input type="text" id="dni" name="dni" ></p>
|
|
<textarea rows="2" cols="40" name="info" id="info"></textarea>
|
|
<input type="hidden" name="entrega" id="entrega" >
|
|
<input type="hidden" name="recargo" id="recargo" >
|
|
<input type="reset" name="limpiar" value="Borrar" />
|
|
<br><input type="submit" value="Enviar la reserva" >
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html>
|