1

Eu gostaria de saber como multiplicar a minha variável preco por esta parte "[valor1, valor2, valor3]" no seguinte código:

var totalvalores = [valor1, valor2, valor3]
    .reduce(function(total, nr) { 
        return total + (nr || 0); 
    }, 0);

Código Completo:

<!DOCTYPE HTML>
<html>
<head>
</head>
<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 tipo = document.getElementById('tipo').value;
        var tempodesejado = document.getElementById('tempodesejado').value;

        if (tipo == "horas") {
            if (tempodesejado == "2") {
                var preco = "5";
            }
            if (tempodesejado == "4") {
                var preco = "10";
            }
            if (tempodesejado == "6") {
                var preco = "15";
            }
        }

        if (tipo == "dias") {
            if (tempodesejado == "1") {
                var preco = "20";
            }
            if (tempodesejado == "2") {
                var preco = "40";
            }
            if (tempodesejado == "3") {
                var preco = "50";
            }
            if (tempodesejado == "4") {
                var preco = "60";
            }
            if (tempodesejado == "5") {
                var preco = "75";
            }
            if (tempodesejado == "6") {
                var preco = "90";
            }
            if (tempodesejado == "7") {

                var preco = "100";
            }
        }

        var totalvalores = [valor1, valor2, valor3].reduce(function(total, nr) {
            return total + (nr || 0);
        }, 0);

        document.getElementById('precoapagar').innerHTML = totalvalores;
    }

    setInterval("calcular()", 00);
</script>
<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>
</html>

2 Respostas 2

2

Em vêz de dar Strings às variáveis, deves dar numeros, para poderes fazer contas.

Em vêz de var preco = "100"; usa var preco = 100; e depois basta fazer * preco; no final do .reduce() assim:

var totalvalores = [valor1, valor2, valor3].reduce(function(total, nr) { 
    return total + (nr || 0); 
}, 0) * (preco || 0);

Sugiro usares outra alternativa a setInterval("calcular()", 00);. Isso é brutalmente pesado para o Browser! A minha sugestão na outra resposta é bem melhor. Se não funcionou diz que ajudo a implementar.

3
  • Ao substituir o código volto a ter o problema que o NaN.
    – Gonçalo
    2/06/2016 às 20:13
  • @Gonçalo corrigi.
    – Sergio
    2/06/2016 às 20:18
  • Obrigado Sérgio está agora 100% funcional!
    – Gonçalo
    2/06/2016 às 20:20
1

Será isto que quer:

<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>

Neste caso o preço o sempre 20, simplifiquei um pouco, mas creio que vi o problema, tens de pôr um valor default, value="0", nos numeros de bicicletas caso não preencham e também fiz com que o input seja type=number em vez de text. Tira também as aspas do preço só para garantir que vai ser interpretado como número. Devias substituir-los a partir do segundo if {... por else if {..., assim escusas de fazer as verificações depois de uma delas ser assumida.

6
  • Não está a funcionar, aparece NaN.
    – Gonçalo
    2/06/2016 às 19:44
  • Acresenta o teu html referente ao id bikemountain etc... Das três
    – Miguel
    2/06/2016 às 19:47
  • Vou postar o código completo.
    – Gonçalo
    2/06/2016 às 19:47
  • Tira as aspas dos preços também, vê lá o que dá
    – Miguel
    2/06/2016 às 19:48
  • Coloquei o código completo.
    – Gonçalo
    2/06/2016 às 19:50

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .