Retorno nulo de valores

Blasius · Fevereiro 6, 2020

Olá pessoal.

Estou treinando códigos em js e quero fazer uma calculadora; a ideia é a seguinte:

o usuário coloca os números no input, e escolhe qual operação ele quer em um select.

Porém o js sempre me retorna o valor 0, ja revisei o código muitas vezes e não encontro o erro.

---------------------------------- HTML---------------------------------------------------

<body>
<h1> Calculadora </h1>

   <p> Digite um número: <input type="number" id="valor1" name="nValor1"> </p>

       <select id="operador">
               <option value="vezes" id="multiplicacao"> vezes * </option>

</select>

<p>Digite um número: <input type="number" id="valor2" name="nValor2"> </p>
<input type="submit" value="calcular" onclick="calcular()"> // obs** com o type="button" também não funcionou

<div id="divRes"> Aqui vai o resultado! </div>

----------------------------------------------------------------- JAVASCRIPT ------------------------------------------------------------------

let v1 = document.getElementById('valor1');
let valor1 = Number(v1.value)

let v2 = document.getElementById('valor2');
let valor2 = Number(v2.value)

let operador = document.getElementById('operador').selectedIndex;
let divRes = document.getElementById('divRes')

function calcular(){

let resultado = " "

   if (document.getElementById("multiplicacao").selected = true ) {

       resultado = (valor1 * valor2)
       divRes.innerHTML= `${resultado}`

console.log(typeof valor1, typeof valor2, typeof resultado) // todos retornam number

} else {
alert ('teste')
}
}

Omar~ · Fevereiro 7, 2020

Por acaso seria algo como isso?

<input type="text" id="valor1" />

<select id="operador">
  <option>Adição</option>
  <option>Subtração</option>
  <option>Multiplicação</option>
  <option>Divisão</option>
</select>

<input type="text" id="valor2" />

<button onclick="calcular()">Calcular</button>

<div id="divRes"> Aqui vai o resultado! </div>   

<script>
  function calcular() {
    var divRes = document.getElementById('divRes'),
        v1 = document.getElementById('valor1').value.trim(),
        v2 = document.getElementById('valor2').value.trim(),
        operador = document.getElementById('operador'),
        valor1 = parseFloat(v1),
        valor2 = parseFloat(v2),
        seletor = operador.selectedIndex,
        resultado;

    if (!v1 || !v2) {
      divRes.innerText = 'Preencha os campos com números';
    } else if (isNaN(v1) || isNaN(v2)) {
      divRes.innerText = 'Use somente números para calcular';
    } else {
      switch (seletor) {
        case 0:
          resultado = (valor1 + valor2);
          break;
        case 1:
          resultado = (valor1 - valor2);
          break;
        case 2:
          resultado = (valor1 * valor2);
          break;
        case 3:
          resultado = (valor1 / valor2);
          break;
      }
      divRes.innerText = resultado;
    }
  }
</script>

Entrar

Retorno nulo de valores

Recommended Posts

Blasius 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Omar~ 87

Compartilhar este post

Link para o post

Compartilhar em outros sites

Crie uma conta ou entre para comentar

Criar uma conta

Entrar

Consulta SQL dentro de outra consulta

Data igual do facebook

Fazer busca no Banco de dados usando vários critério

Conteúdo Similar

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante