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
function calcular() {
var valor1 = parseInt(document.getElementById('bikemountain').value, 10);
var valor2 = parseInt(document.getElementById('bikesenhora').value, 10);
var valor3 = parseInt(document.getElementById('bikecrianca').value, 10);
var totalvalores = [valor1, valor2, valor3].reduce(function(total, nr) {
return total + (nr || 0);
}, 0);
document.getElementById('precoapagar').innerHTML = totalvalores;
}
setInterval("calcular()", 100);