Как создать калькулятор на JavaScript | JS для начинающих

В этом видео создаём классический калькулятор на JavaScript с нуля. Сложение, вычитание, умножение и деление. Кнопка Del удаляет последний символ, AC очищает всё. Разберём функции press, calculate, clearAll и deleteLast, switch для выбора операции и защиту от деления на ноль. ⏱ ТАЙМКОДЫ 0:00 - Демонстрация калькулятора - все операции, Del и AC 1:20 - Разбор разметки - атрибуты onclick на каждой кнопке 3:13 - let firstNum, secondNum, operator - три переменные состояния 4:20 - Константа display через getElementById 5:04 - Функция press - обрабатывает нажатие любой кнопки 6:00 - if оператор нажат - сохраняем оператор и сбрасываем secondNum 9:24 - if точка нажата повторно - игнорируем через return 12:05 - if оператор пустой - добавляем к firstNum, иначе к secondNum 14:03 - Функция calculate - вычисляем результат при нажатии равно 15:45 - Проверка: если данные не введены - return 15:52 - Number(firstNum) и Number(secondNum) - конвертируем строки в числа 16:42 - let result - переменная для результата 16:51 - switch по оператору - четыре case для каждой операции 19:07 - Защита от деления на ноль - выводим Error и сбрасываем 21:22 - Показываем результат через toFixed(10) и Number 22:08 - Сохраняем result как firstNum для следующей операции 23:03 - Функция clearAll - сбрасываем все три переменные и дисплей 24:09 - Функция deleteLast - удаляем последний символ через slice(0, -1) 27:01 - Финальная проверка - все операции работают корректно 🔗 ИСХОДНЫЙ КОД https://www.patreon.com/collection/2302710 📚 ПЛЕЙЛИСТЫ И КУРСЫ 📚 Полный курс JavaScript с нуля: 👉 https://www.youtube.com/playlist?list=PLIEunNjc9UyvBaTS0blaMBQYJb5GLaMXB 🚀 JS Практика - проекты с нуля: 👉 https://www.youtube.com/playlist?list=PLIEunNjc9Uyv9Xo2A-WCT0D8c1Ret6bVu 📚 Полный курс HTML с нуля: 👉 https://www.youtube.com/playlist?list=PLIEunNjc9UytoWbG_xrleyom6NfiRLBDE 📚 Полный курс CSS с нуля: 👉 https://www.youtube.com/playlist?list=PLIEunNjc9UyuznEWwwMmvjpG9V2GxG1DQ 🟦 Полный курс Flexbox CSS: 👉 https://www.patreon.com/collection/1320002 🌐 Уроки по хостингу - запуск сайта: 👉 https://www.youtube.com/playlist?list=PLIEunNjc9UyvrhTE4KC5sJK_NoeUX8ZMU 📦 Исходники кода (Patreon): 👉 https://www.patreon.com/c/topchiydev/membership 💬 СОЦИАЛЬНЫЕ СЕТИ 💬 Telegram: 🎓 Patreon: 👉 https://www.patreon.com/TopchiyDev #javascript #калькулятор #calculator #jsпрактика #jsдлябегиннеров #webdev #frontend #программирование