/
Coderdev
/
web-static-labs
Обзор
Документация
Войти
/
Coderdev
/
web-static-labs
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
html/lab5/task5/index.html
69 строк
3 KB
unknown
1
31 мар 2026, 12:08
31 мар 2026, 12:08
f86fbc2
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Lab 5 Task 5 - Калькулятор</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>Калькулятор (Lab 5 Task 5)</h1> </header> <main class="container"> <div class="calculator-wrapper"> <!-- Экран и настройки --> <div class="display-area"> <!-- Основное поле: показывает всё выражение --> <div id="screen" class="screen">0</div> <!-- Строка статуса для ошибок --> <div id="status" class="status"></div> <div class="controls"> <label class="checkbox-label"> <input type="checkbox" id="roundCheckbox"> Округлить до 3-х знаков </label> <!-- Поле ввода основания логарифма (скрыто по умолчанию) --> <div id="logBaseContainer" class="hidden"> <label for="logBase">Основание log:</label> <input type="number" id="logBase" placeholder="x" step="any"> </div> </div> </div> <!-- Клавиатура --> <div class="keypad"> <button class="btn op" data-op="sqrt">√</button> <button class="btn op" data-op="log">log</button> <button class="btn op" data-op="clear">C</button> <button class="btn op" data-op="/">/</button> <button class="btn num" data-num="7">7</button> <button class="btn num" data-num="8">8</button> <button class="btn num" data-num="9">9</button> <button class="btn op" data-op="*">*</button> <button class="btn num" data-num="4">4</button> <button class="btn num" data-num="5">5</button> <button class="btn num" data-num="6">6</button> <button class="btn op" data-op="-">-</button> <button class="btn num" data-num="1">1</button> <button class="btn num" data-num="2">2</button> <button class="btn num" data-num="3">3</button> <button class="btn op" data-op="+">+</button> <button class="btn num" data-num="0">0</button> <button class="btn num" data-num=".">.</button> <button class="btn equal" data-op="=">=</button> <button class="btn op" data-op="backspace">←</button> </div> </div> </main> <script src="script.js" defer></script> </body> </html>