calculadora.js

'use strict' //ativar o modo estructor
//precisamos capiturar os botoes, nomeando no html com id
//quando clicar aparecer no display
//capiturar tbm o display e os operadores

const display = document.getElementById('display') //chamar atraves do getElementById
const numeros = document.querySelectorAll('[id*=tecla]') //chamar todos os botoes numericos
const operadores = document.querySelectorAll('[id*=operador]')

let novoNumero = true
let operador
let numeroAnterior

const operacaoPendente = () => operador !== undefined

const calcular = () => {
    if(operacaoPendente()){
        const numeroAtual = Number(display.textContent.replace(',','.')) 
         novoNumero = true
        const resultado = eval(`${numeroAnterior}${operador}${numeroAtual}`)
        atualizarDisplay(resultado)        

        // if(operador == '+'){ 
        //     atualizarDisplay(numeroAnterior + numeroAtual)
        // }else if(operador == '-'){
        //     atualizarDisplay(numeroAnterior - numeroAtual)
        // }else if(operador == '*'){
        //     atualizarDisplay(numeroAnterior * numeroAtual)
        // }else if(operador == '/'){
        //     atualizarDisplay(numeroAnterior / numeroAtual)
        // }

    }
}

const atualizarDisplay = (texto) => {
    if(novoNumero){
        display.textContent = texto.toLocaleString('BR')
        novoNumero = false
    }else{
        display.textContent += texto.toLocaleString('BR')
    }
    
}

const inserirNumero = (evento) => atualizarDisplay(evento.target.textContent)

numeros.forEach(numero => numero.addEventListener('click',inserirNumero))

const selecionarOperador = (evento) => {
    if(!novoNumero){
        calcular()
        novoNumero = true
        operador = evento.target.textContent
        numeroAnterior = Number(display.textContent.replace(',','.')) 
        console.log(operador)
    }
    
}
operadores.forEach(operador => operador.addEventListener('click',selecionarOperador))
const ativarIgual = () => {
    calcular()
    operador = undefined
}
document.getElementById('igual').addEventListener('click',ativarIgual)

const limparDisplay = () => display.textContent = ''
document.getElementById('limparDisplay').addEventListener('click',limparDisplay)

const limparCalculo = () => {
    limparDisplay()
    operador = undefined
    novoNumero = true
    numeroAnterior = undefined
}
document.getElementById('limparCalculo').addEventListener('click',limparCalculo)

const removerUltimoNumero = () => display.textContent = display.textContent.slice(0, -1)
document.getElementById('backspace').addEventListener('click',removerUltimoNumero)

const inverterSinal = () => {
    novoNumero = true
    atualizarDisplay(display.textContent * -1)
}
document.getElementById('inverter').addEventListener('click',inverterSinal)

const existeDecimal = () => display.textContent.indexOf(',') != -1
const existeValor = () => display.textContent.length > 0
const inserirDecimal = () => {
    if(!existeDecimal()){
        if(existeValor()){
            atualizarDisplay(',')
        }else{
            atualizarDisplay('0,')
        }
    }
}
document.getElementById('decimal').addEventListener('click',inserirDecimal)

const mapaTeclado = {
    '0'         :'tecla0',
    '1'         :'tecla1',
    '2'         :'tecla2',
    '3'         :'tecla3',
    '4'         :'tecla4',
    '5'         :'tecla5',
    '6'         :'tecla6',
    '7'         :'tecla7',
    '8'         :'tecla8',
    '9'         :'tecla9',
    '+'         :"operadorAdi",
    '-'         :"operadorSub",
    '*'         :"operadorMult",
    '/'         :"operadorDiv",
    'Escape'    :"limparDisplay",
    'Delete'    :"limparCalculo",
    'Backspace' :"backspace",
    'Shift'      :"inverter",
    ','         :"decimal",
    '='         : 'igual',
    'Enter'     : 'igual'
}
const mapearTeclado = (evento) => {
    const tecla = evento.key
    
    const teclaPermitida = () => Object.keys(mapaTeclado).indexOf(tecla) != -1
    if(teclaPermitida()) document.getElementById(mapaTeclado[tecla]).click()
}
document.addEventListener('keydown',mapearTeclado)