JSFiddle - React, Tailwind, and code Playground

HTML

<script>
function calcular() {
  var valor1 = parseInt(document.getElementById('bikemountain').value);
  var valor2 = parseInt(document.getElementById('bikesenhora').value);
  var valor3 = parseInt(document.getElementById('bikecrianca').value);

  var preco = "20";
  var totalvalores = [valor1, valor2, valor3].reduce(function(total, nr) {
    return total + (nr || 0) * preco;
  }, 0);
  document.getElementById('precoapagar').innerHTML = totalvalores;
}
</script>


Número de Bicicletas tipo Mountain Bike: <input value="0" type="number" name="bikemountain" id="bikemountain" value="0">
<br>
<br>
Número de Bicicletas de Senhora: <input value="0" type="number" name="bikesenhora" id="bikesenhora">
<br>
<br>
Número de Bicicletas de Criança: <input type="number" value="0" name="bikecrianca" id="bikecrianca">
<br><br>
<button onclick="calcular();">
ver preço
</button>

<p id="precoapagar">

</p>