Back

Simple Calculator

HTML bootstrap

Stamps

Калькулятор, Simple Calculator,

Initial conditions

Categories:

CSS


HTML


JavaScript


создаем файл index.html с начальныйм кодом

CODE...
...
Prog

изменяем title

CODE...
Prog

подключаем bootstrap в секции head

CODE...

Подключаем Bootstrap JS и Popper.js в секции body перед закрывающим тегом </body>

CODE..
...
Prog

Пишем внутренний <style> перед закрывающим тегом </head>

CODE...
...
Prog

 В секции body , сразу после тега <body> пишем код вида калькулятора:

CODE...
  • Вся разметка находится внутри <div class, что создает контейнер Bootstrap с отступом сверху.
  • Имеется <div class="calculator card">, который представляет собой карточку Bootstrap для стилей и размещения элементов внутри.
  • Используются различные кнопки <button> для цифр, операторов и функций калькулятора.
  • appendValue(value): Добавляет указанное значение к текстовому полю ввода.
  • clearDisplay(): Очищает текстовое поле ввода.
  • calculate(): Выполняет вычисления
...
Prog

JavaScript функция appendValue(value) Добавляет указанное значение к текстовому полю ввода. 
 

CODE...

функции должны бы/p> ...

Prog

JavaScript функция clearDisplay(value) Добавляет указанное значение к текстовому полю ввода. 

CODE...

функции должны быть

...
Прогр

JavaScript функция calculate() Добавляет указанное значение к текстовому полю ввода. 

CODE...

функции должны быть нап/p>

calculate(): Выполняет вычисления, используя функцию eval(). Обратите внимание, что использование eval() может быть опасным, и в реальном проекте лучше использовать более безопасные методы вычислений.

...
Прогр

Final conditions:

;

Organize your work