Calculadora em JavaScript
Olá, como vai você? Bom, nesse artigo eu apresento o primeiro projeto do início da carreira como programador. Claramente estou empolgado e por isso irei apresentar um pouco do raciocínio lógico de programação usado no algoritmo.
Passei a ultima semana estudando a documentação JavaScript para me familiarizar com essa linguagem. Minha ideia é ter conhecimento suficiente para construir apps Android e trabalhar como freelancer. Toda essa bagagem deve me levar a uma empresa que necessite dos meus serviços. Então tenho uma longa jornada ainda.
Qualquer um que começa algo precisa de referência. Buscando as referências na internet, consegui perceber a importância de projetos pessoais. Baseado nisso tentei construir minha versão de uma calculadora simples.
Código JavaScript
Existe um método em JavaScript chamado eval() que avalia uma sequência de caracteres e retorna o seu valor. Imagina eval("1+1") esse método irá retornar 2. Ou seja eu apenas preciso pegar a expressão matemática e transformá-los em string e pedir o seu retorno nesse método. Pensando nisso criei um matriz que pudesse receber os números e os sinais da operação, algo como matriz = [1,+,1]. Para transformar os elementos dessa matriz em string bastou usar o método join(''). Para adicionar os números dentro da matriz em forma de elemento usei o método push().
No HTML eu deixei um elemento de parágrafo como "display" da calculadora e toda vez que um contêiner ativava o evento de click o algoritmo usava o conteúdo desse contêiner como parâmetro e adicionava ele dentro da matriz para fazer o cálculo. Ao mesmo tempo o conteúdo de dentro dessa matriz era posto como conteúdo do "display".
Para iniciar uma nova operação foi bem simples de se pensar. Apenas é necessário apagar os elementos da matriz e colocar o conteúdo do parágrafo (nosso display) como vazio.
Algumas considerações
Ainda existe bastante erro nesse código e no projeto em si. Porém na principal aplicação o algoritmo foi capaz responder, que era calcular usando as quatro operações básicas.
De cara, também é possível notar que os conhecimentos aplicados ainda são bem rasos.
Espero que tenha chegado até o final do artigo. Teste minha aplicação nesse link: calculadora simples.
me siga no instagram: raylan.sc
.png)
Comentários