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>
<script src="calculadora.js">
</script>
</body>
----------------------------------------------------------------- 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')
}
}