Делаем калькулятор на JavaScript

Написать свой калькулятор — это практически мечта каждого начинающего. Потому в рамках этого поста я решил создать очередной калькулятор – по факту он ничем не отличается от тех, которые можно найти в интернете, но тут важнее практика.

Я даже вспомнил момент, когда я только начал учиться программировать, я создавал простой калькулятор на php, но если сравнивать JavaScript и PHP, то создать полноценный калькулятор будет достаточно непросто, да и эффект выйдет не тот, так как после каждого нажатия будет происходить перезагрузка.

Потому я довольствовался лишь тем, что создавал два поля для ввода, вводил туда какие-то цифры ну и выбирал ту операцию, которую мне нужно было, ну а дальше получал результат.

 Еще на начале разработки я хотел передать весь процесс, потому заснял видео. Как опыт показал описать то что уже сделано достаточно непросто.

К тому же по видео каждый сможет разглядеть процесс разработки. Скажу честно, делал такое впервые потому немного тупил – спешка и все такое.

В общем наслаждайтесь процессом – как бы ужасно не было, просьба хейтить помягче.

На самом деле этот калькулятор я пытался сделать так, чтобы он был хоть немного похожим на настоящий, к тому же там можно учитывать много разных плюшек, но цель была создать быстро и при этом с хоть каким-то качеством.

Кстати вот ссылочка на сам калькулятор, можно брать и использовать в своих целях я не против.

Чем будет полезен тебе этот калькулятор на JavaScript?

Из интересных вещей которые будут полезны новичкам:

  • Использую при работе prepros для разработки в живом режиме;
  • В проекте используется SCSS так же в придачу с prepros;
  • Немного использую grid-template для построения сетки кнопок;
  • Использую чистый js без всяких библиотек (кода минимум);
  • Была затронута тема с тенями.

В целом на этом все, если тебе понравился этот пост, я буду очень благодарен за то, что ты поделишься ним в своей социальной сети. Кроме того, ты можешь рядом с моим видео попытаться написать свой такой же это даст тебе максимум практики если ты только учишся!

Оставьте комментарий