Calculadora em JavaScript

Este projeto consiste em uma calculadora simples construída com HTML, Tailwind CSS e JavaScript. Aqui estão os conceitos trabalhados:

HTML

Estrutura básica de um documento HTML com <!DOCTYPE html>, <html>, <head> e <body>.
Uso de div para agrupar elementos e aplicar estilos com classes.
Botões (<button>) usados para interações do usuário.

Tailwind CSS

Framework CSS que utiliza classes de utilidade para estilizar rapidamente os elementos.
Responsividade e estilos interativos como active:bg-color.

JavaScript

Seleção de elementos do DOM com document.querySelector e document.querySelectorAll.
Eventos do DOM, como 'click', e manipulação de eventos com addEventListener.
Funções e manipulação de strings e números, incluindo conversões e operações matemáticas básicas.
Estruturas de controle de fluxo como if-else e switch para lógica de cálculo.
Gerenciamento de estado da aplicação com variáveis e atualização do DOM baseado no estado.

Conceitos de Programação

Funções para encapsular lógica e ações como calcular operações e atualizar o visor.
Tratamento de erros e validações simples, como divisão por zero.
Operações matemáticas e lógica de negócio da calculadora.

Como usar

Para utilizar a calculadora, o usuário deve clicar nos botões para inserir números e operações. Após escolher os números e operações, o usuário pode clicar em '=' para ver o resultado. O botão 'C' limpa o cálculo atual e o visor da calculadora.

Funcionalidades

Operações matemáticas básicas: adição, subtração, multiplicação e divisão.
Limpeza do visor e do cálculo atual.
Atualização do visor à medida que os números e operações são inseridos.