Загрузка страницы

Создаем калькулятор 👨‍💻 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 с нуля. Канал Алекса Лущенко
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
15 ноября 2021 г. 23:45:01
00:25:04
Другие видео канала
Изучаем объект Date JavaScript. Получаем год, месяц, день, день недели, часы, минуты...Изучаем объект Date JavaScript. Получаем год, месяц, день, день недели, часы, минуты...JavaScript v2.0. Циклы в JavaScript (часть 1)JavaScript v2.0. Циклы в JavaScript (часть 1)Интересные эффекты переходов на JavaScript на странице распродажи интернет магазина. Кодим!Интересные эффекты переходов на JavaScript на странице распродажи интернет магазина. Кодим!ООП в JavaScript. Мифы, наследование, полиморфизм, абстракции, наследованиеи,ООП в JavaScript. Мифы, наследование, полиморфизм, абстракции, наследованиеи,Продвинутый JavaScriptПродвинутый JavaScriptКонвертер в римские числа. Что лучше 2 массива или 1 объект? JavaScriptКонвертер в римские числа. Что лучше 2 массива или 1 объект? JavaScriptJavaScript 🧠  временная мертвая зона (TDZ). Мозголомка #9JavaScript 🧠 временная мертвая зона (TDZ). Мозголомка #9Странный JavaScript. Функция как свойство функции, все ли объект? Есть ли у br свойство innerHTML?Странный JavaScript. Функция как свойство функции, все ли объект? Есть ли у br свойство innerHTML?3 задачи JavaScript - 3 🐞 бага. Но все работает! Находим и исправляем пропущенные баги3 задачи JavaScript - 3 🐞 бага. Но все работает! Находим и исправляем пропущенные багиЧто нужно знать из JS перед ReactЧто нужно знать из JS перед React4 вещи которые должен знать JavaScript разработчик. Бред статей на сайтах4 вещи которые должен знать JavaScript разработчик. Бред статей на сайтах13 задач junior Python решаем на JavaScript. Потянем собеседование?13 задач junior Python решаем на JavaScript. Потянем собеседование?JavaScript. NodeList против HTML коллекции. QuerySelector против getElementsByTagNameJavaScript. NodeList против HTML коллекции. QuerySelector против getElementsByTagNameJavaScript v.2.0. Работа с DOM, создание элементов, работа с CSSJavaScript v.2.0. Работа с DOM, создание элементов, работа с CSS5 вопросов на собеседовании, от которых у меня подгорело! JavaScript5 вопросов на собеседовании, от которых у меня подгорело! JavaScriptПишем JavaScript по codestyle Google. На 3 практических задачахПишем JavaScript по codestyle Google. На 3 практических задачахВерстаем калькулятор. HTML + CSS. Подробный урокВерстаем калькулятор. HTML + CSS. Подробный урокJavaScript v.2.0. Вложенные циклыJavaScript v.2.0. Вложенные циклыВыравниваем блок по центру. CSS. 7 приемов - способовВыравниваем блок по центру. CSS. 7 приемов - способовJavaScript 5 типовых задач на собеседовании, решаем их!JavaScript 5 типовых задач на собеседовании, решаем их!
Яндекс.Метрика