66 lines
2.5 KiB
HTML
66 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="./css/style.css">
|
|
<script src="./js/main.js"></script>
|
|
<title>Funciones útiles JS</title>
|
|
</head>
|
|
<body>
|
|
|
|
<div>
|
|
<div style="display: flex; flex-direction: column; min-width: max-content; gap: 4px;">
|
|
<div class="containerFlexRow">
|
|
<div class="dateInput">
|
|
<label for="fechaInicio">Fecha de inicio del alquiler </label><input type="date" name="fechaInicio"
|
|
id="fechaInicio">
|
|
</div>
|
|
<div class="dateInput">
|
|
<label for="fechaFin">Fecha de fin del alquiler </label><input type="date" name="fechaFin"
|
|
id="fechaFin">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dateInput">
|
|
<label for="tipoVehiculo">Tipo de vehiculo</label>
|
|
<select name="tipoVehiculo" id="tipoVehiculo">
|
|
<option value='basico' selected>Basico (45€ dia)</option>
|
|
<option value='gama_media'>Gama media (65€ dia)</option>
|
|
<option value='lujo'>Lujo (85 dia)</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" name="sillaInfantil" id="sillaInfantil">
|
|
<label for="sillaInfantil">Silla infantil (15€ dia)</label>
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" name="gps" id="gps">
|
|
<label for="gps">GPS (5€ dia)</label>
|
|
</div>
|
|
|
|
<div>
|
|
<div>
|
|
<input type="radio" name="seguro" value="10" checked required> Seguro a terceros obligatorio si no se
|
|
contrata otro superior (10€ dia)
|
|
</div>
|
|
<input type="radio" name="seguro" value="0"> Todo riesgo (15€ para basico 25€ para gamam media 35€ para lujo)
|
|
|
|
</div>
|
|
|
|
<div>
|
|
<input type="checkbox" name="menor30" id="menor30" required>
|
|
<label for="menor30">Menor de 30 años (Recargo del 30% sobre el precio final)</label>
|
|
</div>
|
|
<div>
|
|
<button onclick="calculaAlquiler()">Calcula total</button>
|
|
</div>
|
|
<span id="resultado"></span>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</body>
|
|
</html> |