Calculadora simples com JavaScript.

Criar uma calculadora simples.

Vamos desenvolver um calculadora simples usando os operadores básicos, contendo 3 campo input 1 campo select e um paragrafo para o resultado.

Primeiro criar o HTML.

<form>
<input type="number" name="" id="numero1">

<select id="operacao">
  <option value="+"> + </option>
  <option value="-"> - </option>
  <option value="*"> * </option>
  <option value="/"> / </option>
</select>

<input type="number" name="" id="numero2">

<input type="button"  value="calcular" id="calcular">
<br>
<p>Resultado: <span id="resultado">.</span></p>
</form>

Criando o objeto construtor com JavaScript.

Vamos chamar de calculadora e dentro serão criadas variáveis para buscar os valores do campo input e select e também realizar a operação.

const calculadora = ()=>{
let num1 = document.getElementById("numero1").value
let num2 = document.getElementById("numero2").value
let operacao = document.getElementById("operacao").value

let calculando = eval(num1 + operacao + num2)

resultado.innerHTML = calculando
}

Esta quase pronto, observe no HTML que ainda falta pegar o ID do calcular e resultado.

let calcular = document.getElementById('calcular');
let resultado = document.getElementById('resultado');

Para finalizar será necessário criar um evento de click, para ativar a função e realizar o calculo.

calcular.addEventListener('click', calculadora )

Se gostou desse tutorial, confira também exemplos de uso do Length.

https://desenvolvedor-web.blogspot.com.br/2017/04/javascript-usando-length.html

CONFIRA O MELHOR CONTEÚDO SOBRE CRIAÇÃO DE SITE E DESIGNER

Confira no link abaixo

https://estou-criando.blogspot.com/2021/03/atalhos-do-divi-builder-que-voce-deve.html