Este projeto tem como objetivo colocar em prática os conceitos de HTML, CSS e JavaScript adquiridos ao longo de diversos cursos. O projeto principal é um aplicativo web chamado "Preço Teto", que permite calcular o preço teto de um ativo financeiro (ação, fundo imobiliário ou qualquer outro ativo com histórico de preços).
O usuário fornecerá três entradas obrigatórias, e o sistema calculará o preço teto com base nesses valores.
- ATIVO: Nome ou código do ativo financeiro.
- VALOR DE REFERÊNCIA: Valor atual ou referencial do ativo.
- PERCENTUAL DO PREÇO TETO: Percentual aplicado ao valor de referência para definir o preço teto.
- Cálculo do preço teto com base nos valores fornecidos pelo usuário.
O preço teto é calculado utilizando a seguinte fórmula:
Exemplo:
- Ativo: XYZ3
- Valor de Referência: R$ 10,00
- Percentual do Preço Teto: 20%
O preço teto será calculado da seguinte forma: [ 10,00 \times (1 + \frac{20}{100}) = 10,00 \times 1,20 = R$ 12,00 ]
O projeto é composto pelos seguintes arquivos:
index.html // Estrutura da página
script.js // Lógica e interatividade
styles.css // Estilização da página index
- Clone este repositório:
git clone https://github.com/DemethriusSR/HTML---CSS
- Abra o arquivo index.html em um navegador.
- Insira os valores nos campos obrigatórios.
- Clique no botão para calcular o preço teto.
- Veja o resultado calculado na tela.
- HTML: Estrutura do site.
- CSS: Estilização e responsividade.
- JavaScript: Cálculo do preço teto e interatividade.
Contribuições são bem-vindas! Para contribuir, siga os passos:
- Fork este repositório.
- Crie uma branch com sua funcionalidade:
git checkout -b minha-feature - Commit suas modificações:
git commit -m 'Adicionando nova funcionalidade' - Envie para o repositório remoto:
git push origin minha-feature - Abra um Pull Request.
Este projeto está sob a licença MIT. Sinta-se à vontade para utilizá-lo e modificá-lo conforme necessário.
Desenvolvido para aprendizado e prática de HTML, CSS e JavaScript.