Kritika js /kalkulačka

29. 7. 2012 15:07:03

Ahoj,

hraju si nějakou dobu s javascriptem, zkusil jsem udělat kalkulačku. Byl bych rád kdyby jste se mi na to koukli a poradili, co se dá zjednodušit, zrychlit, zkrášlit. ;)

http://jc.asp2.cz/html/calc.html

Napadlo mě pár dotazů během tvorby:

1. Doporučili byste mi nějaký js debugger? (Mac, nebo online)

2. Umí js si zapamatovat nějakou externě zadanou hodnotu? Nepřišel jsem na to jak se to dělá, proto mám vytvořený hidden objekt - 'mem' kam ukládám hodnoty pro výpočet.

3. Umí js parsovat vzdálené dokument? Další věc, kterou bych chtěl zkusit. koukal jsem se po internetu a jediné co jsem našel bylo, že umí parsovat soubory, které jsou uložené na stejném místě.

Jde mi o to, že bych rád informace z Google documentů (kt umí generovat link s xml,csv,txt) rád parsovat obsah tohoto linku.

4. Nějaké doporučení, kde se dá najít v ucelené formě seznam javascriptových metod?

díky

Hezké léto

Honza C.

29. 7. 2012 15:07:03

https://webtrh.cz/diskuse/kritika-js-kalkulacka#reply790612

Pavel Antolík

(17 hodnocení)

29. 7. 2012 15:15:02

Tak jsem si na ten odkaz ze zvedavosti kliknul - a tim jsem skoncil. Takhle: http://i49.tinypic.com/2lc484j.png si kalkulacku teda moc nepredstavuju (zobrazeno ve Firefoxu 14.0.1)

29. 7. 2012 15:15:02

https://webtrh.cz/diskuse/kritika-js-kalkulacka#reply790611

Creator13

(49 hodnocení)

29. 7. 2012 15:22:34

Ani IE to nevyzera tak, ako by pravdepodobne malo...

29. 7. 2012 15:22:34

https://webtrh.cz/diskuse/kritika-js-kalkulacka#reply790610

Honza Škovran

(6 hodnocení)

29. 7. 2012 15:29:05

Napsal 2NiNe;825005
Tak jsem si na ten odkaz ze zvedavosti kliknul - a tim jsem skoncil. Takhle: http://i49.tinypic.com/2lc484j.png si kalkulacku teda moc nepredstavuju (zobrazeno ve Firefoxu 14.0.1)

hm, v chromiu se to zas zobrazuje úplně jinak...

29. 7. 2012 15:29:05

https://webtrh.cz/diskuse/kritika-js-kalkulacka#reply790609

jarin001

(37 hodnocení)

29. 7. 2012 15:30:12

V Chrome jinak řazený ale zarovnání..

29. 7. 2012 15:30:12

https://webtrh.cz/diskuse/kritika-js-kalkulacka#reply790608

(20 hodnocení)

29. 7. 2012 15:42:50

k bodu 2 vytvor si mimo fce promenne - var mem=0; nasledne k nim pristupuj uz jen pomoci jejich nazvu, ale rikam musi to byg mimo fci, jak je to nekde ve funkci vytvorene, tak se to z fce ven nedstane a nelze pak k tomu nijak pristoupit, z pameti to po vykonani fce mizi.

29. 7. 2012 15:42:50

https://webtrh.cz/diskuse/kritika-js-kalkulacka#reply790607

Jan Čimera

29. 7. 2012 17:44:51

Šlo mi teda hlavně o kritiku javascriptu, ale k tomu html/css. Nějaké nápady, rady jak zkontrolovat zobrazení ve Win? Protože v Mac Safari, Firefoxu a Chromu se mi to zobrazuje vše až na drobné odchylky stejně a tak jak má. ;)

Viz: http://www.imagehosting.cz/?v=screecopy.png

29. 7. 2012 17:44:51

https://webtrh.cz/diskuse/kritika-js-kalkulacka#reply790606

Jan Matoušek

(12 hodnocení)

29. 7. 2012 23:49:12

1) Console prohlížeče (mozilla, chrome) Pravé tlačítko myši zkontrolovat prvek a zvolit záložku console. Pro dump proměnné do console použij v kódu console.log();

Popřípadě můžeš použít například: http://jsbin.com/

2) např local storage

3) mělo by to jít, ale tady snad poradí někdo jiný. Já využívám raději PHP

4) dokumentace

Jinak mi přijde zbytečné to psát v čistém javascriptu, když na té stránce používáš jQuery.

29. 7. 2012 23:49:12

https://webtrh.cz/diskuse/kritika-js-kalkulacka#reply790605

Jan Čimera

30. 7. 2012 10:24:23

Napsal Jan Matoušek;825195
1) Console prohlížeče (mozilla, chrome) Pravé tlačítko myši zkontrolovat prvek a zvolit záložku console. Pro dump proměnné do console použij v kódu console.log();
Popřípadě můžeš použít například: http://jsbin.com/
2) např local storage
3) mělo by to jít, ale tady snad poradí někdo jiný. Já využívám raději PHP
4) dokumentace
Jinak mi přijde zbytečné to psát v čistém javascriptu, když na té stránce používáš jQuery.

Díky!

30. 7. 2012 10:24:23

https://webtrh.cz/diskuse/kritika-js-kalkulacka#reply790604

800XE

(8 hodnocení)

30. 7. 2012 11:31:20

se mi to zobrazuje vše až na drobné odchylky stejně a tak jak má. ;)

Kalkulačka se ti rozpadá kvůli tomu, že nemáš ve stylech nastavené šířky tlačítek a displeje. Ty můžou být v každém prohlížeči trochu jiné, takže se tlačítka nemusí vejít na jeden řádek vedle sebe.

Doporučili byste mi nějaký js debugger? (Mac, nebo online)

Jak už tady padlo, tak konzole(Ctrl+Shift+J) nebo JSHint

Umí js si zapamatovat nějakou externě zadanou hodnotu? Nepřišel jsem na to jak se to dělá, proto mám vytvořený hidden objekt - 'mem' kam ukládám hodnoty pro výpočet.

Nadeklaruj si k tomu účelu globální proměnnou:

a potom jí všude používej místo

Tohle řešení bude nejjednodušší, i když rozhodně ne ideální.

Jinak nejlepší by bylo vytvořit si třídu kalkulačky, ve které budeš mít všechny objekty zapouzdřené před okolním kódem, z inputů odstranit atribut onclick a handler pro kliknutí na ně navěsit pomocí addEventListener.

Tenhle původní kód:

By pak vypadal následovně:

30. 7. 2012 11:31:20

https://webtrh.cz/diskuse/kritika-js-kalkulacka#reply790603

Jan Čimera

30. 7. 2012 12:44:02

800XE: Děkuji za rady, hned to vyzkouším. ;)

30. 7. 2012 12:44:02

https://webtrh.cz/diskuse/kritika-js-kalkulacka#reply790602

Pro odpověď se přihlašte.

Přihlásit