Ir para conteúdo

Blasius

Members
  • Total de itens

    4
  • Registro em

  • Última visita

Tudo que Blasius postou

  1. Blasius

    Retorno nulo de valores

    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') } }
  2. eai beleza? você pode usar listas para colocar tudo lado a lado. Veja se esse exemplo resolve seu problema :) <style> * {box-sizing: border-box;} ul#testeLista li{ display: inline-block; } </style> <ul id="testeLista"> <h2> Portáteis </h2> <li> <img src="products/images/dep450.jpg" alt="rádio motorola DEP450" class="image"> <div class="overlay">Motorola DEP450</div> </li> <li> <img src="products/images/ep450.jpg" alt="rádio motorola EP450" class="image"> <div class="overlay">Motorola EP450</div> </li> <li> <img src="products/images/dgp8050.jpg" alt="rádio motorola DGP8050" class="image"> <div class="overlay">Motorola DGP8050</div> </li> <ul>
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.