Calculate

 

       Simple Calculator using HTML, CSS and JavaScript                                                                                                                                                  
    This project uses a tag to create the overall structure of the calculator. The
tag contains five rows which represent five horizontal sections of the calculator. Each row has a corresponding tag. Each tag contains
tags which hold the display screen and buttons of the calculator. Calculator Rows CSS Code Open the styles.css file and paste the following CSS code for the calculator: @import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap'); .calculator {     padding: 10px;     border-radius: 1em;     height: 380px;     width: 400px;     margin: auto;     background-color: #191b28;     box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; } .display-box {     font-family: 'Orbitron', sans-serif;     background-color: #dcdbe1;     border: solid black 0.5px;     color: black;     border-radius: 5px;     width: 100%;     height: 65%; } #btn {     background-color: #fb0066; } input[type=button] {     font-family: 'Orbitron', sans-serif;     background-color: #64278f;     color: white;     border: solid black 0.5px;     width: 100%;     border-radius: 5px;     height: 70%;     outline: none; } input:active[type=button] {     background: #e5e5e5;     -webkit-box-shadow: inset 0px 0px 5px #c1c1c1;     -moz-box-shadow: inset 0px 0px 5px #c1c1c1;     box-shadow: inset 0px 0px 5px #c1c1c1; }

Comments

Popular posts from this blog

Hosting list

BEST BROKERS FOR TRADING IN 2023

Crypto exchange Binance