Создаем калькулятор на JavaScript. По шагам для начинающих

[@LegoTV2014]

Молодец. Только начал изучать фронтэнд. До js еще не добрался.

[@СергейМихальченко-х7р]

Очень круто! Но неплохо было бы еще добавить проверку на последний символ в поле. Например, символ точки может быть введен только один раз, соответственно, при повторном нажатии должен игнорироваться. Также и для математических операторов: если вводим плюс, а затем минус, то плюс должен меняться на минус и т.д.

[@alegoriuss]

Спасибо. Если можно, то больше объясняйте ваши действия в вёрстке. Это будет полезно для новичков. Вы очень быстро всё верстаете!

[@developerkg]

Хорошо, постараюсь) Спасибо за отзыв

[@Verginia-Stories]

kzbin.info/www/bejne/g3zZoaeif5JmjLs&ab_channel=WebDevснуля.КаналАлексаЛущенко она от туда скопировала.

[@developerkg]

@@Verginia-Stories хахаах, стили прописаны совсем по-разному, там использовались гриды, hover и все дела! У меня вообще просто флексы! Вы когда пишите такое, хотя бы научитесь видеть разницу в коде, а потом так писать!

[@Verginia-Stories]

ну копировать один в один даже дураки стараются не повторять) интересный блок с кнопками заранее подготовленный)) ой а другой сайт с погодой из 1000 апи ты выбрала тоже самое что и он если уж копируешь или училась по его роликам делай это оригинально

[@developerkg]

@@Verginia-Stories есть решение, не смотрите мои ролики вообще! Я по его роликам уж точно не училась, но контент у него хороший! Здесь можно не смотреть, если не нравится! А можно не хейтить, а самому что-то делать, тоже варик :) Хорошего вам дня:))

[@AlinaNekrasowa]

По-сути в этом примере разрешено деление, и никто не запрещает написать что-то а ля 3/0, и получится NaN. И по хорошему этот кейс надо бы отдельно обработать, чтобы получать нормальную ошибку на выходе, а не NaN. А еще никто не запрещает наставить много плюсов или минусов, что тоже не сможет быть адекватно воспринято и посчитано. Также, как и несколько точек. И это тоже надо бы отдельно запретить делать.

[@asifabbasov3801]

Спасибо, но можно и верстку со стилями тоже разъяснять что на что влияете и как будет отображаться

[@ashimov1970]

jaraysin, Makhabat 👍👍

[@developerkg]

рахмат)

[@user-pi3yg2tr8j]

Зачем делать из коллекции кнопок массив и вызывать потом метод map, если у коллекции есть forEach? Да и map используется тогда, когда нужен РЕЗУЛЬТИРУЮЩИЙ МАССИВ. Такому стилю начинающих учить не стоит. Убрав избыточный код получаем такое: let display = document.querySelector(".display"); let buttons = document.querySelectorAll(".button"); buttons.forEach((button) => { button.addEventListener("click", (e) => { // ...код обработчика }); });

[@meyeraidini3453]

Не плохо не плохо. Молодец. Единственно лучше внешние паддинги задать рамкам чем прописывать каждой цифре.

[@ultimateq8479]

design looks really good

[@developerkg]

Thanks)

[@mykytav]

Вы молодчинка, спасибо большое

[@sher1ff544]

Подскажите пожалуйста как сделать 0 в btn-zero по центру. text-align: center не работает. Вообще голову сломал, в чем может быть проблема?

[@noviy-zavet888]

Можно и за 2 минуты сделать , если заранее готовить все ) Благодарю за ролик , я посмотрел .

[@ИгорьХудолеев]

Махаббат, вы просто прелесть. Уроки очень интересные и лаконичные. Но иногда не хватает объяснений. Скажите, пожалуйста, почему мы вначале используем array from? Почему нельзя просто потом перебрать эту переменную через ForEach?

[@freestalkermotor4536]

Хорошая инструкция, всё работает, большое спасибо...для новичка в самый раз!) Но есть один момент...при решении последующего примера, цифры прописываются к ответу предыдущего, например: 5+5=10, а следующий пример допустим 3+3, выводится как 103+3, если не нажимать кнопку АС, как в настоящем калькуляторе. Как это исправить, и как добавить другие функции, к примеру возведение в степень и извлечение корня? Подскажите, пожалуйста, желающему постичь все прелести программирования)

[@nargizagayfullina4062]

Здравствуйте. Подскажите пожалуйста как в калькуляторе запретить пользователю вводить подряд операторы сложения вычитания и т.д. , а также точку . Например +++ или ***

[@МаксимСименюк-п4т]

Подсказка там в 6 строке button а надо buttons из-за этого у меня нечоге не работоло

[@Jake-on4lt]

Спасибо большое за ваш труд!)

[@developerkg]

И Вам спасибо)

[@AnnaMIHALKE]

Здравствуйте! Очень хорошо обьясняете, вопрос: а каким микрофоном вы пользуетесь?

[@developerkg]

@@AnnaMIHALKE здравствуйте, на этом видео я не использовала микрофон 🎙️ Сейчас использую Maono 192KHZ/24Bit

[@cfyz7]

Это было прекрасно!!!

[@tukituk2759]

Очень приятный голос у девушки: музыка для ушей!

[@Tryde_321]

Спасибо вам большое я неделю ломал голову думаю какого черта числа заменяют друг друга и виной было то что я забыл +=

[@GAZDIEV06]

классный ролик очень хорошо объясняет

[@VIM-RR]

Спасибо отличное и простое объяснение

[@mr.konstantin2865]

почему у вас получаются круглые кнопки, а у меня овальные с таким же кодом?

[@sarxanxalilov5122]

Добрый вечер, я новичок хочу спросить как у вас появляемся по правой стороне возле калькулятора фон или праграмма ? для того что бы создать калькулятор хватить 1 программа или нет? Visual studio code- или еще какая то программа надо?

[@DimaKuz]

приколи хоть разобрался то или нет)? за два месяца осилил калькулятор ?

[@DimaKuz]

ну че морозишься sarxal

[@gamerguy4150]

Рахмат, Махабат Эже.👍

[@Stan9734]

спасибо!

[@developerkg]

Всегда пожалуйста )

[@fanatqaleones6159]

👍

[@js-webdev]

Предлагаю доработать кейс со сменой знака на более "правильное" поведение, как у обычного калькулятора (кнопка меняет знак) case '+/-': let negative = '-' + display.innerText; display.innerText = negative; break; Возможно я еще упустил некоторые проверки)

[@developerkg]

здравствуйте, я сделала вот так case "+/-": if (display.innerText.includes("-")) { display.innerText = display.innerText.replace("-", ""); } else { display.innerText = "-"; } break;

[@js-webdev]

@@developerkg попробовал - у меня не сработало, решил совместить оба варианта и получил рабочий case '+/-': if (display.innerText.includes('-')) { display.innerText = display.innerText.replace('-', ''); } else { let negative = '-' + display.innerText; display.innerText = negative; } break;

[@developerkg]

@@js-webdev круто) , совместили и свой и мой!

[@PamirKrishaMira]

молоток

[@love_renata_russia]

🔥🔥🔥🔥🔥🔥

[@Даня-щ5е]

вы не учли баги с множеством точек, плюсов, минусов

[@WockeezChannel]

Такое чувство что ни кто не умеет делать калькулятор без eval...

[@maestro_uyx]

Как по-другому, подскажите?

[@WockeezChannel]

@@maestro_uyx без функции eval

[@maestro_uyx]

@@WockeezChannelЛ-логика

[@WockeezChannel]

@@maestro_uyx что непонятного?

[@maestro_uyx]

@@WockeezChannel как написать без eval, пример есть?

[@yaniskostandopulos3454]

так не чесно ты готовый шаклон составила а не с нуля

[@skiller162]

А ничего что за 32 строка кода мейкал калькулятора?

[@Js__voL_06]

Eval очень плохая идея нельзя с ним играть в шутки. Данный метод очень не безопасный особенно для злоумышленных людей. Так что мой вам совет лучше другим способом все это реализовать а так в целом калькулятор хороший.

[@daviddnikol]

по-ста говорите погромче

[@shmx1982]

👍