search

Kaualol0800 / Front-END-Castelo-2A

MIT License
0 stars 0 forks source link

Calculadora_de_fretes/cotações #1

Open Kaualol0800 opened 1 year ago

Kaualol0800 commented 1 year ago

A primeiro momento minha intenção era criar uma calculadora simples de cálculo comuns, porém essa calculadora deveria ser integrada a um banco de dados. E me veio a ideia de fazer uma calculadora cujo o objetivo desse software é cadastrar as tabelas de fretes, para fazer cotações de todos os tipos.

Logo abaixo está o link de exemplo:

1)https://youtu.be/m_WzQT_Qyog?si=6H1-OOb26jb_dJId

2)https://youtu.be/Jx_msqDaiCg?si=nbZKW-lr8DsFygOe

3)https://github.com/matheusbattisti/icm_calc_js

Kaualol0800 commented 1 year ago

Logo abaixo eu tenho um exemplo de calculadora pronta feita em HTM, CSS e JavaScript

Kaualol0800 commented 1 year ago

<!DOCTYPE html>

Calculadora

Kauã

Calculadora

Kaualol0800 commented 1 year ago

*{ margin: 0; padding: 0; }

.fundo{ background-image: linear-gradient(45deg, rgb(127, 79, 190), rgb(79, 42, 165)); height: 100vh; color: white; font-family: Arial, Helvetica, sans-serif; text-align: center; }

.calculadora{ position: absolute; background-color: rgba(0, 0, 0, 0.8); top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 15px; padding: 15px; }

.botao{ width: 50px; height: 50px; font-size: 25px; cursor: pointer; margin: 3px; background-color: rgb(31, 31, 31); border: none; color: white; }

.botao:hover{ background-color: black; }

resultado{

width: 207px;
background-color: white;
height: 30px;
margin: 5px;
font-size: 25px;
color: black;
text-align: right;
padding: 5px;

}

Kaualol0800 commented 1 year ago

function insert(num) { var numero = document.getElementById('resultado').innerHTML; document.getElementById('resultado').innerHTML = numero + num; } function clean() { document.getElementById('resultado').innerHTML = ""; } function back() { var resultado = document.getElementById('resultado').innerHTML; document.getElementById('resultado').innerHTML = resultado.substring(0, resultado.length -1); } function calcular() { var resultado = document.getElementById('resultado').innerHTML; if(resultado) { document.getElementById('resultado').innerHTML = eval(resultado); } else { document.getElementById('resultado').innerHTML = "Nada..." } }