Создаем калькулятор 👨💻 JavaScript. Без eval, по шагам для начинающих
⏰ Курс JavaScript 2.0: https://itgid.info/course/javascript-2
🧠 Чат Telegram c мозголомками : https://t.me/itgid_info
👇 Разверни для полной информации
💎 Курс Функции в JavaScript: https://itgid.info/course/function-2021
🧑🏻💻 Сайт: https://itgid.info
😋 Курс Методы массивов: https://itgid.info/course/arraymethod
На прошлом уроке мы верстали калькулятор, настало время его оживить с помощью JavaScript. Вешаем события на кнопки и реализуем логику вычислений на простом коде.
00:00 Изучаем верстку калькулятора
01:15 Создаем переменны для калькулятора JS
02:50 Создаем массив кнопок чисел и действий
04:15 Функция clearAll в калькуляторе
05:20 Обрабатываем нажатия кнопок
08:20 Заполняем первое число
10:40 Заполняем знак действия калькулятора
12:00 Заполняем второе число
15:40 Выполняем рассчет в калькуляторе JavaScript
21:00 Обработка деления на нуль
Моя рабочая станция:
Desktop: AMD Ryzen5 1600,Asus GeForce GTX 1650 Phoenix 4GB GDDR6, RAM: 16GB, Motheboard: MSI A320M PRO-M2 V2, Power: Chieftec Value APB-400B8 400W Bulk, Box: Gougar MX350 Mesh
HDD:
- Samsung 860 Evo-Series 500GB M.2
- Toshiba P300 2TB
- Silicon Power A56 256GB
Monitors:
- 23.8" Dell P2419HC
- 23.8" Dell P2418D
Mouse: Trust Verto Ergonomic Wireless
Keyboard: HP KU-1469
Microphone: Samson C01U Pro
+ MacBook Pro M1 13'' 8-Core CPU/8-Core GPU/16-core Neural Engine /16GB/256GB
+ IBM Lenovo ThinkPad E14 / Intel Core i5-1135G7 (4.2 ГГц) / RAM 16 ГБ / SSD 1 ТБ / Intel Iris Xe Graphics
Видео Создаем калькулятор 👨💻 JavaScript. Без eval, по шагам для начинающих канала WebDev с нуля. Канал Алекса Лущенко
🧠 Чат Telegram c мозголомками : https://t.me/itgid_info
👇 Разверни для полной информации
💎 Курс Функции в JavaScript: https://itgid.info/course/function-2021
🧑🏻💻 Сайт: https://itgid.info
😋 Курс Методы массивов: https://itgid.info/course/arraymethod
На прошлом уроке мы верстали калькулятор, настало время его оживить с помощью JavaScript. Вешаем события на кнопки и реализуем логику вычислений на простом коде.
00:00 Изучаем верстку калькулятора
01:15 Создаем переменны для калькулятора JS
02:50 Создаем массив кнопок чисел и действий
04:15 Функция clearAll в калькуляторе
05:20 Обрабатываем нажатия кнопок
08:20 Заполняем первое число
10:40 Заполняем знак действия калькулятора
12:00 Заполняем второе число
15:40 Выполняем рассчет в калькуляторе JavaScript
21:00 Обработка деления на нуль
Моя рабочая станция:
Desktop: AMD Ryzen5 1600,Asus GeForce GTX 1650 Phoenix 4GB GDDR6, RAM: 16GB, Motheboard: MSI A320M PRO-M2 V2, Power: Chieftec Value APB-400B8 400W Bulk, Box: Gougar MX350 Mesh
HDD:
- Samsung 860 Evo-Series 500GB M.2
- Toshiba P300 2TB
- Silicon Power A56 256GB
Monitors:
- 23.8" Dell P2419HC
- 23.8" Dell P2418D
Mouse: Trust Verto Ergonomic Wireless
Keyboard: HP KU-1469
Microphone: Samson C01U Pro
+ MacBook Pro M1 13'' 8-Core CPU/8-Core GPU/16-core Neural Engine /16GB/256GB
+ IBM Lenovo ThinkPad E14 / Intel Core i5-1135G7 (4.2 ГГц) / RAM 16 ГБ / SSD 1 ТБ / Intel Iris Xe Graphics
Видео Создаем калькулятор 👨💻 JavaScript. Без eval, по шагам для начинающих канала WebDev с нуля. Канал Алекса Лущенко
Показать
Комментарии отсутствуют
Информация о видео
15 ноября 2021 г. 23:45:01
00:25:04
Другие видео канала
Изучаем объект Date JavaScript. Получаем год, месяц, день, день недели, часы, минуты...JavaScript v2.0. Циклы в JavaScript (часть 1)Интересные эффекты переходов на JavaScript на странице распродажи интернет магазина. Кодим!ООП в JavaScript. Мифы, наследование, полиморфизм, абстракции, наследованиеи,Продвинутый JavaScriptКонвертер в римские числа. Что лучше 2 массива или 1 объект? JavaScriptJavaScript 🧠 временная мертвая зона (TDZ). Мозголомка #9Странный JavaScript. Функция как свойство функции, все ли объект? Есть ли у br свойство innerHTML?3 задачи JavaScript - 3 🐞 бага. Но все работает! Находим и исправляем пропущенные багиЧто нужно знать из JS перед React4 вещи которые должен знать JavaScript разработчик. Бред статей на сайтах13 задач junior Python решаем на JavaScript. Потянем собеседование?JavaScript. NodeList против HTML коллекции. QuerySelector против getElementsByTagNameJavaScript v.2.0. Работа с DOM, создание элементов, работа с CSS5 вопросов на собеседовании, от которых у меня подгорело! JavaScriptПишем JavaScript по codestyle Google. На 3 практических задачахВерстаем калькулятор. HTML + CSS. Подробный урокJavaScript v.2.0. Вложенные циклыВыравниваем блок по центру. CSS. 7 приемов - способовJavaScript 5 типовых задач на собеседовании, решаем их!