Javascript tanfolyam
A kalkulátor Javascript-tel Nagyon gyakori gyakorlat, amikor bármelyikben megtesszük az első lépéseket programozási nyelv.
Ebben a gyakorlatban két különböző módon fogom programozni a számológépet Javascript-tel. Az első verzió valamivel egyszerűbb, a második pedig az elsőre épít. A videóban a két módszert alkalmazza.
A legördülő menüből válassza ki a műveleteket
Kiválaszthatjuk a végrehajtandó műveletet (összeadás, kivonás, szorzás és osztás) a HTML select címke segítségével.
A gyakorlat megoldódott
Amint azt a forráskódban és a végeredményben is láthatja, két bemenetünk van, egy a számológéppel működtetett két szám mindegyikéhez, és egy kiválasztás (legördülő menü), amely lehetővé teszi számunkra hogy kiválasszuk a végrehajtani kívánt műveletet.
A kiszámítás gomb megnyomásakor az első dolog, hogy összegyűjtjük ezt a három értéket az űrlapról, és eltároljuk n1, n2 és op2 formában.
Ezután kiértékeljük az op2-t, hogy eldöntsük, melyik műveletet fogjuk végrehajtani (összeadás, kivonás, szorzás és osztás). Ettől az értékeléstől függően az r (eredmény) változónak lesz egy vagy másik értéke.
Végül az utolsó sor módosítja a tulajdonságot belsőHTML r2 azonosítójú elemet, amely lehetővé teszi számunkra, hogy az eredményt a képernyőre fessük.
Forráskód
A gombok segítségével válassza ki a kívánt műveleteket
A gyakorlat megoldódott
Ebben a másik példában az elvégzendő műveletet nem egy legördülő menü segítségével választjuk meg, hanem közvetlenül a megfelelő gomb megnyomásával.
Ezzel módosítani fogjuk az op globális változó értékét, amelyet ki fogunk értékelni, amikor a számítás gombot megnyomjuk az eredmény kiszámításához.