As calculadoras são uma ferramenta essencial usada em vários campos, desde cálculos aritméticos simples até cálculos científicos complexos. Construir uma calculadora do zero usando HTML, CSS e JavaScript não apenas aprimora suas habilidades de codificação, mas também aprofunda sua compreensão de como essas tecnologias funcionam juntas. Este guia orientará você na criação de uma calculadora básica que pode realizar adição, subtração, multiplicação e divisão.

Estrutura HTML:
O HTML inclui um div com a classe calculator contendo o display e os botões da calculadora.
Cada botão possui atributos de dados (data-num para números e data-op para operações) para facilitar a seleção de JavaScript.
Estilo CSS:
Os estilos CSS centralizam a calculadora na tela, estilizam a tela e os botões e fornecem efeitos de foco.
Estilos específicos são adicionados ao botão igual para diferenciá-lo dos demais.
Funcionalidade JavaScript:
JavaScript lida com os cliques dos botões, atualiza a exibição e realiza cálculos.
A função handleNumber processa entradas numéricas e pontos decimais.
A função handleOperator processa operações, incluindo operações claras, iguais e aritméticas.
A função calcular realiza a aritmética com base no operador selecionado.
A função updateDisplay atualiza a exibição com a entrada atual.