JSFiddle - React, Tailwind, and code Playground
HTML
<form action="verifica1.php" method="post">
<h3><b>Informações Pessoais</b></h3>
<br> Nome:
<input type="text" name="nome" required>
<br>
<br> Tipo de Documento de Identifcação:
<select>
<option value="cartaocidadao">Cartão de Cidadão</option>
<option value="bilheteidentidade">Bilhete de Identidade</option>
<option value="passaporte">Passaporte</option>
<option value="cartaconducao">Carta de Condução</option>
</select>
<br>
<br> Telemóvel:
<input type="telemovel" required>
<br>
<br>
<b><h3>Levantamento</h3></b> Número de Bicicletas tipo Mountain Bike:
<input type="text" name="bikemountain" id="bikemountain">
<br>
<br> Número de Bicicletas de Senhora:
<input type="text" name="bikesenhora" id="bikesenhora">
<br>
<br> Número de Bicicletas de Criança:
<input type="text" name="bikecrianca" id="bikecrianca">
<br>
<br> Dia de Levantamento:
<input type="date" name="dialevantamento" required>
<br>
<br> Hora de Levantamento
<input type="time" name="horalevantamento" required>
<br>
<br> Tempo Desejado:
<input type='number' name="tempodesejado" onblur="calcular()" id="tempodesejado" step=1 required>
<select id="tipo" name="tipo">
<option value="horas">Horas</option>
<option value="dias">Dias</option>
</select>
<br>
<br>
<br> Preço a Pagar: <span id="precoapagar">0</span>€
<br>
<br>
<input type="submit" value="Prosseguir!">
</form>
JavaScript
var inputs = ['bikemountain', 'bikesenhora', 'bikecrianca'].map(function(id) {
return document.getElementById(id);
});
inputs.forEach(function(el) {
el.addEventListener('keyup', calcular);
});
function calcular() {
var totalvalores = inputs.reduce(function(total, el) {
return total + (Number(el.value) || 0);
}, 0);
document.getElementById('precoapagar').innerHTML = totalvalores;
}