WEBLEB
Início
Editor
Entrar
Pro
Português
English
Français
Español
Português
Deutsch
Italiano
हिंदी
HTML
CSS
JS
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Калькулятор</title> <style> body { font-family: Arial; display: flex; justify-content: center; margin-top: 50px; } .calc { border: 2px solid #444; border-radius: 10px; padding: 20px; background: #f3f3f3; } input { width: 200px; height: 30px; margin-bottom: 10px; text-align: right; font-size: 18px; } .buttons { display: grid; grid-template-columns: repeat(4, 50px); gap: 5px; } button { height: 50px; font-size: 18px; cursor: pointer; } </style> </head> <body> <div class="calc"> <input id="display" readonly> <div class="buttons"> <button onclick="press('7')">7</button> <button onclick="press('8')">8</button> <button onclick="press('9')">9</button> <button onclick="press('/')">/</button> <button onclick="press('4')">4</button> <button onclick="press('5')">5</button> <button onclick="press('6')">6</button> <button onclick="press('*')">*</button> <button onclick="press('1')">1</button> <button onclick="press('2')">2</button> <button onclick="press('3')">3</button> <button onclick="press('-')">-</button> <button onclick="press('0')">0</button> <button onclick="press('.')">.</button> <button onclick="calculate()">=</button> <button onclick="press('+')">+</button> <button onclick="clearDisplay()">C</button> </div> </div> <script> let display = document.getElementById("display"); function press(symbol) { display.value += symbol; } function calculate() { try { display.value = eval(display.value); } catch { display.value = "Ошибка"; } } function clearDisplay() { display.value = ""; } </script> </body> </html>
/* Replace with your CSS Code (Leave empty if not needed) */
/* Replace with your JS Code (Leave empty if not needed) */
Validating your code, please wait...
HTML
CSS
JS
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Калькулятор</title> <style> body { font-family: Arial; display: flex; justify-content: center; margin-top: 50px; } .calc { border: 2px solid #444; border-radius: 10px; padding: 20px; background: #f3f3f3; } input { width: 200px; height: 30px; margin-bottom: 10px; text-align: right; font-size: 18px; } .buttons { display: grid; grid-template-columns: repeat(4, 50px); gap: 5px; } button { height: 50px; font-size: 18px; cursor: pointer; } </style> </head> <body> <div class="calc"> <input id="display" readonly> <div class="buttons"> <button onclick="press('7')">7</button> <button onclick="press('8')">8</button> <button onclick="press('9')">9</button> <button onclick="press('/')">/</button> <button onclick="press('4')">4</button> <button onclick="press('5')">5</button> <button onclick="press('6')">6</button> <button onclick="press('*')">*</button> <button onclick="press('1')">1</button> <button onclick="press('2')">2</button> <button onclick="press('3')">3</button> <button onclick="press('-')">-</button> <button onclick="press('0')">0</button> <button onclick="press('.')">.</button> <button onclick="calculate()">=</button> <button onclick="press('+')">+</button> <button onclick="clearDisplay()">C</button> </div> </div> <script> let display = document.getElementById("display"); function press(symbol) { display.value += symbol; } function calculate() { try { display.value = eval(display.value); } catch { display.value = "Ошибка"; } } function clearDisplay() { display.value = ""; } </script> </body> </html>
/* Replace with your CSS Code (Leave empty if not needed) */
/* Replace with your JS Code (Leave empty if not needed) */