WEBLEB
Startseite
Editor
Anmelden
Pro
Deutsch
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Mikeys neuer Rechner
1100
Mikeykun
Im Editor öffnen
Veröffentlichen Sie Ihren Code
Empfohlen
25 April 2025
Steuerrechner Robux
17 July 2025
Wissenschaftlicher Rechner
HTML
Copy
Calculator
MIKEY'S NEW CALCULATOR
CSS
Copy
*, ::before, ::after { box-sizing: border-box; margin: 0; padding: 0; user-select: none; } body, html { height: 100%; } body { background: linear-gradient(rgb(0, 255, 208),rgb(0, 11, 128)); display: grid; place-items: center; } h1{ font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color: #6e5dba; font-size: 50px; } .calculatrice { width: 330px; background: #6e5dba; padding: 40px 30px; border-radius: 10px; box-shadow: -3px -3px 7px #221d3b, 3px 3px 5px #00000070; } .calculatrice .resultat { height: 60px; width: 100%; background: #ffffff; box-shadow: inset -3px -3px 7px #221d3b, inset 3px 3px 5px #00000070; } .calculatrice .resultat input{ width: 100%; height: 100%; background: transparent; padding: 1rem; color: #000000; font-size: 20px; text-align: right; border: none; outline: none; box-shadow: inset -1px -1px 7px #221d3b, inset 1px 1px 5px #00000070; font-weight: 500; } .calculatrice .buttons { padding: 30px 0 0 0; text-align: center; } .calculatrice input[type=button]{ height: 56px; width: 56px; margin: 4px; font-size: 23px; background: #120f1f; color: #f1f1f1; border: none; outline: none; box-shadow: -2px -2px 7px #221d3b, 2px 2px 5px #00000070; cursor: pointer; } .calculatrice input[type=button]:active{ box-shadow: inset -2px -2px 7px #221d3b, inset 2px 2px 5px #00000070; } .reset { width: 100%!important; font-size: 18px!important; } .infos { color: #eb9595; text-align: center; text-transform: uppercase; font-size: 9px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 1rem; font-weight: 400; }
JS
Copy
const info = document.querySelector('.infos') const allBtns = document.querySelectorAll('input[type=button]') function val(resultat){ form.fenetre.value = form.fenetre.value + resultat } function calcule(){ if(form.fenetre.value == ""){ info.innerText = `Veuillez écrire un chiffre`; allBtns.forEach(btn => { btn.addEventListener('click', function(){ info.innerText = "" }) }) }else { form.fenetre.value = eval(form.fenetre.value); info.innerText = "" } } function suppr(){ form.fenetre.value = ""; }