Курс Javascript
калькулятор з Javascript Це дуже поширена вправа, коли ми робимо перші кроки в будь-якому мова програмування.
У цій вправі я збираюся запрограмувати калькулятор на Javascript двома різними способами. Перша версія дещо простіша, а друга спирається на першу. У відео у вас описаний процес із використанням двох методологій.
Використовуючи випадаючий вибір для операцій
Ми можемо вибрати операцію (додавання, віднімання, множення та ділення) за допомогою тегу вибору HTML.
Вправа вирішено
Як ви можете бачити як у вихідному коді, так і в кінцевому результаті, у нас є два входи, по одному для кожного з двох чисел, якими ми будемо працювати з калькулятором, і вибір (спадне меню), що дозволить нам вибрати операцію, яку ми хочемо виконати.
Натискаючи кнопку обчислення, перше, що ми зробимо, це зібрати ці три значення з форми та зберегти їх у n1, n2 та op2.
Потім ми оцінюємо op2, щоб вирішити, яку операцію ми збираємось виконати (додавання, віднімання, множення та ділення). Залежно від цієї оцінки змінна r (результат) матиме те чи інше значення.
Нарешті, останній рядок змінює властивість innerHTML елемента, ідентифікатор якого r2, що дозволить нам намалювати результат на екрані.
Вихідний код
За допомогою кнопок виберіть операції, які ми хочемо зробити
Вправа вирішено
У цьому іншому прикладі операція, яку потрібно виконати, не буде обрана через випадаюче меню, а обрана безпосередньо натисканням відповідної кнопки.
Цим ми змінимо значення глобальної змінної op, яке оцінимо, натискаючи кнопку обчислення для обчислення результату.