Javascript курс
The калкулатор с Javascript Това е много често упражнение, когато правим първите стъпки във всеки програмен език.
В това упражнение ще програмирам калкулатора с Javascript по два различни начина. Първата версия е малко по-опростена, а втората надгражда първата. Във видеото имате процеса, като използвате двете методологии.
Използване на падащо меню за операции
Можем да изберем операцията, която да извършим (събиране, изваждане, умножение и деление), като използваме маркера за избор на HTML.
Упражнението се разреши
Както можете да видите както в изходния код, така и в крайния резултат, имаме два входа, по един за всяко от двете числа, които ще работим с калкулатора, и избор (падащо меню), който ще ни позволи да изберем операцията, която искаме да извършим.
Когато натискаме бутона за изчисляване, първото нещо, което ще направим, е да съберем тези три стойности от формуляра и да ги съхраним в n1, n2 и op2.
След това оценяваме op2, за да решим коя операция ще извършим (събиране, изваждане, умножение и деление). В зависимост от тази оценка променливата r (резултат) ще има една или друга стойност.
И накрая, последният ред модифицира свойството вътрешенHTML на елемента, чийто идентификатор е r2, което ще ни позволи да нарисуваме резултата на екрана.
Програмен код
Използвайки бутони, за да изберете операциите, които искаме да направим
Решеното упражнение
В този друг пример операцията, която трябва да се извърши, няма да бъде избрана чрез падащо меню, а избрана директно чрез натискане на съответния бутон.
С това ще модифицираме стойността на глобалната променлива op, която ще оценим при натискане на бутона за изчисляване, за да изчислим резултата.