Возможности:
базовая функция калькулятора и быстрые советы
пользовательская полоса прокрутки
сетка css
Код Гитхаб
HTML
Калькулятор содержит два раздела: дисплей вверху и все кнопки внизу.
И все кнопки будут отображать сетку.
CSS
градиентный фон от uiGradient.
все предметы в центре
дисплей калькулятора сверху выровнен по правому краю
overflow-x установлен на автоматический, когда содержимое дисплея длиннее, чем ширина калькулятора.
пользовательская полоса прокрутки от W3C
Все кнопки отображают сетку и повторяют столбец 4.
И псевдокласс для другого статуса
установить цвет и фон для различных функциональных кнопок.
И специальная настройка сетки знака равенства
отзывчивый экран css для телефона с большим экраном
JAVASCRIPT
выберите все DOM и инициализируйте переменные
addEventListener для разных кнопок класса.
При нажатии на числа функция sendNumberValue
При нажатии операторов функция useOperator
При нажатии десятичного числа функция addDecimal
если введите первое значение, добавьте textContent для отображения
если нет, значит сейчас второе значение, нужно добавить
если в отображаемом содержимом нет десятичного знака, следует добавить десятичный знак.
И при обработке оператора первое значение не должно изменяться, поэтому return .
При нажатии на оператор новое текущее значение изменяется.
если второе значение, выполните calculate() и отобразите в отображаемом содержимом. И новый результат становится первым значением, поэтому его можно снова продолжить.
А также сбросить логическое значение и оператор.
обновить оператор, если щелкнуть несколько раз.
Расчет — это объект с функциями внутри.
Сброс дисплея при нажатии кнопки «C».
А также слушайте событие для быстрых советов по расчету кнопок.
сбросить все значения на init.
рассчитать чаевые с разным процентом за один клик и показать в содержимом дисплея
