Jak zrobić kalkulator w JavaScript | Poradnik do JavaScript dla początkujących

Jeżeli spodobał Ci się poradnik - zostaw like oraz subskrypcje. Już wkrótce, na moim kanale więcej filmów tego typu.
W tym poradniku zaprezentuję jak stworzyć kalkulator naukowy w Javascript, html oraz css, bez użycia frameworków. Kalkulator jest w pełni funkcjonalny i wykonuje operacje matematyczne.
Link do kodu: github.com/Mik...
Do projektu wymagana jest podstawowa znajomość html, css oraz Javascript.
#kalkulator #javascript #poradnik
Inspirowane kalkulatorem stworzonym przez WebDevSimplified.

[@Czachas1]

Jak fajnie jest słuchać kogoś bez wady wymowy, z dobrym mikrofonem i poprawną dykcją xd cieszę się, że mogę być Twoim setnym subskrybentem

[@Hubson55]

Generalnie co do tych niedokładnych wyników to jest to związane z faktem, że w JavaScript wszystkie liczby są reprezentacjami zmiennoprzecinkowymi w standardzie IEEE 754 i przy pewnych działaniach widać tego niedoskonałości. Logarytm od podstawie 3 z liczby 27 to jest równiutkie 3! To JS "źle pokazuje" wynik. W szkole nikt nie kłamał :)
Temat jest szerszy i warto go zgłębić. Fajnie przedstawił to Mirosław Zelent na kanale Pasja Informatyki: "Kurs JavaScript odc. 4: Zapis liczb, IEEE 754, zaokrąglanie wartości". Polecam zarówno odcinek jak i cały kanał!

[@michajuszczyk6718]

Bardzo dobrze się ciebie słucha ! Dobrze tłumaczysz :D dzięki za poradnik

[@loczekmoziu9476]

mega dobrze mi sie słucha Twojego głosu

[@Hubson55]

Fajny materiał. Sam robiłem kalkulator w JS, teraz sobie porównam moje pomysły z Twoim podejściem!
Pozdrawiam!
Tysięczny Subskrybent :D

[@matecode359]

Hej , fajny kalkulator, super tłumaczysz :) tylko zrób coś z obliczaniem procentów bo coś nie trybi :PP Piona.

[@mariuszchwastek8496]

siemka mordo! dasz poradnik na jc ? bo nw jak i gdzie zainstalowac

[@MrPankoPanko]

Dlaczego unikasz dawania znaków " ; " np. po deklarowaniu zmiennych?

[@piotrwdowiak2595]

Też nie daję, bo po co? Skoro JS tego nie potrzebuje, to nie ma takiej potrzeby

[@Hubson55]

zależy jakim Style Guidem się kierujemy, niektóre, jak np. popularny Airbnb zakładają, że należy używać średnika ;
czy ogólnie zawsze trzeba go używać? jak zwykle nie ma jednej zasady, tylko odpowiedź: "to zależy" :)

[@Dyskmen123]

Zrobiłem wszystko jak na filmiku, ale mam problem:
expected an identifier and instead saw const
error: parsing error unexpected token if if(aktualne === 0)
O co może chodzić?

[@Dyskmen123]

W ogóle nie mogę pisać w kalkulatorze, mimo, że robiłem z 10 razy to samo co na filmiku. :/

[@MikuCode]

Jeżeli zrobiłeś wszystko dokładnie tak jak na filmie to możliwe że twoja przeglądarka nie wspiera Javascript ES6 gdzie wprowadzono między innymi let oraz const. Jeżeli masz najnowszą przeglądarkę to być może jest gdzieś literówka. Drugi komunikat może być spowodowany błędem w poprzedniej linijce czyli w fragmencie: case '÷': Udostępniłem link do kodu w opisie, zajrzyj tam i porównaj wszystko jeszcze raz.

[@Dyskmen123]

@@MikuCode Dziękuję za odpowiedź, okazało się, że miałem parę literówek, których nie zauważyłem, a byłem już śpiący i zmęczony , i rano sobie to ogarnąłem. :)

[@kamiluchos]

@@MikuCode Mega szkoda, że przestałeś nagrywać, mega dobre tłumaczenie z twojej strony, liczę, że wrócisz to robienia dobrej roboty, pozdro byku!

[@nyupyu]

u mnie przy czyszczeniu musiałem dać operacja = " " bo inaczej nie kasowało mi tego na górze ;-;

[@pudelos2816]

czekam na laravela!!!

[@Kapionek]

6:32

[@bartox3221]

dawac koda

[@bartoszgosciniak3237]

Jezusie co to za masakra w tym kodzie :o

[@kajlaspl495]

wszystko fajne, ale nic nie rozumiem :((

[@gorklagxroblox3319]

Czego nie rozumiesz?

[@kajlaspl495]

@@gorklagxroblox3319 generalnie jestem początkującym i trudno mi zrozumieć ten kod przypisywania funkcje itd

[@dawidmucha938]

@@kajlaspl495 nie polecam w ten sposób się uczyć najpierw naucz się podstaw gdy już będziesz rozumiał podstawy próbuj sam pisać jakieś projekty naprzykład kalkulator i potem porównuj swój projekt z tym co jest na filmiku i poprawiaj to co można było zrobić lepiej w ten sposób najszybciej się nauczyć bo takie przepisywanie kodu bez jego rozumienia nic ci nie da

[@savvage4965]

22:45 dlaczego zawsze 'let' zamiast 'var' ? dotąd uczyłem się js i w owym poradniku proponowano, by właśnie używać var zamiast let.

[@kamil8202]

let jest lokalna var dziala globalnie i to jest podejrzewam dla lepszego kodu czyt po co uzywac zmiennej wszedzie mimo tego ze i tak bedzie tylko w jednym miejscu

[@kamil8202]

i do tego konflikt nazw czyt. dwie zmienne maja taką samą nazwe

[@filipsoko6754]

Pewnie oglądałeś jakieś stare materiały jeszczez ES5. Tam gdzie się da to używaj consta, alternatywnie gdy wiesz że zmienna zmieni wartość to let i tyle

[@phnxshine]

Mam u siebie w JS takie coś:
clean.addEventListener('click', () => {
delNumber();
actualizeResult();
});
(powyższe jest odpowiednikiem Twojego usun.addEventListener, który jest pętlą liczby.forEach)
Firefox krzyczy mi "TypeError: clean is null".