Como construir uma calculadora simples em JavaScript?

Construir uma calculadora simples em JavaScript é muito útil para resolver problemas complicados. Além disso, facilita a solução de problemas, especialmente no caso de consultas matemáticas complexas. Além disso, ajuda muito nos problemas da vida cotidiana eu.e figurando e analisando orçamentos mensais, etc. Nesses casos, faz maravilhas para fornecer a conveniência do usuário e economizar tempo.

Como construir uma calculadora simples em JavaScript?

Uma calculadora simples pode ser projetada em JavaScript usando as seguintes abordagens:

• ““se/else" doença
• ““Usuário definido”Função.

Abordagem 1: Construa uma calculadora simples em JavaScript via If/else Condição

Essa abordagem pode ser utilizada para obter o valor do operador do usuário e retornar o valor calculado correspondente com base no “se/else" doença.

Exemplo

Vamos observar o exemplo abaixo do ponto:

No snippet de código acima, execute as seguintes etapas:

• Na primeira etapa, solicite ao usuário que insira o valor do operador para operar nos números.
• Da mesma forma, pegue os dois valores do usuário para serem operados com relação ao operador.
• No código adicional, aplique uma condição a cada um dos operadores para devolver suas funcionalidades ao inserir o valor do operador.
• Ao especificar o operador na caixa de diálogo imediato, isso resultará no redirecionamento para o operador correspondente no “se/else”Condicionar e retornar o cálculo preciso.

Saída

Da saída acima, é evidente que o cálculo preciso é retornado em relação ao valor do operador inserido.

Abordagem 2: Construa uma calculadora simples em JavaScript via função definida pelo usuário

Essa abordagem pode ser implementada para permitir que o usuário insira os números e invocar a função correspondente no botão Clique. Aqui, haverá um botão e função separados para cada funcionalidade.

Exemplo

Vamos seguir o exemplo abaixo:

Clique para retornar a soma
Clique para retornar a subtração
Clique para retornar a multiplicação
Clique para devolver a divisão
Deixe num1 = prompt ('Digite o 1º número:')
Deixe num2 = prompt ('digite o 2º número:')
functionAddnums ()
Alerta (num1 + num2)

funçõesbractNums ()
Alerta (num1 - num2)

functionMultiplyNums ()
Alerta (num1 * num2)

functionDividenums ()
Alerta (num1 / num2)

Nas linhas acima do código:

• Crie os botões para cada um dos operadores com anexo “ONCLICK”Eventos redirecionando para as funções correspondentes.
• Na parte JavaScript do Código, da mesma forma, defina uma função para cada um dos operadores.
• Nas definições de função, retorne o cálculo correspondente sobre o botão Clique através da caixa de diálogo alerta.

Saída

Na saída acima, pode -se observar que o valor calculado é retornado ao clicar no botão do operador correspondente.

Conclusão

O "se/elseCondição ou a “usuário definido”A abordagem da função pode ser implementada para construir uma calculadora simples em JavaScript. A abordagem anterior pode ser utilizada para aplicar uma condição aos operadores e retornar o valor calculado correspondente. A última abordagem pode ser aplicada para definir uma função para cada um dos operadores e retornar o valor calculado no botão Clique. Este artigo explicou como construir uma calculadora simples em JavaScript.