Caute. Trochu sa venujem tvorbe stranok a urobil som uplne jednoduchu kalkulacku s dvoma temami. Zaujimal by ma vas nazor na to ako to vyzera. Upozornujem ze korektne funguje len na prehliadaci Google Chrome na pocitaci zatial som sa nedostal ku optima
Cekol som kod a vela veci by sa malo robit uplne inak.
Teda je otazne, ci si na toto riesenie prisiel sam (potom pochvala za vynaliezavost) alebo ci si to robil podla nejakeho tutorialu, lebo ten by bol potom uplne hrozny, v tom zmysle ze uci velmi nespravnym navykom.
Aby bolo jasne, hovorim o tej logickej casti, o JavaScripte. To ako vyzera stranka a to ze je to rozsypane je mi jedno
Dam ti vyzvu. Urob verziu 2.0, ktora nebude pouzivat funkcie run0 - run9 ale iba jednu funkciu, ktoru ked zavolas tak sama pochopi ktore cislo/znak ma do inputu pridat. Vzdy sa snaz robit veci co najuniverzalnejsie
A tuto funkciu nepridavaj ku kazdemu elementu zvlast ako onclick atribut, ale v javascripte ju pridaj DOM elementu, tak ako je napr vysvetlene tu:
Ak by si chcel s niecim pomoct tak sa kludne ozvi (ale s konkretnymi otazkami, nie tak ze urob to ). A je pekne ze sa ucis, najlepsie sa naucis takymto vlastnym experimentovanim, len je dolezite uz v zakladoch chytit spravne navyky a techniky.
problem s tymto zobrazovanim by sa dal vyriesit tak, ze by si mal tri rozne elementy
div id="zahlavie1"
div id="calc" (napr.) - obsahoval by tvoju kalkulacku, ty si ju len strcil do form-y v tele
div id="zahlavie2"
vsetky by mali display:block,width:100%,height:auto,overflow:hidden,float:none a same by sa pekne pod seba usporiadali.
ked niecomu absolutujes poziciu zdola (zahlavie2), bude to vyzerat dobre mozno akurat tak na tvojom monitore.
(snad sa vies orientovat v takychto editoroch, proste casti okna su pre HTML, CSS, JS a webstranku).
Vsimni si ze kod bol poriadne pomeneny, HTML aj CSS uplne zjednodusene, pridane classy tam kde maju byt a cele sa to zaobislo s jedinou funkciou
Prestuduj ako to funguje, venuj tomu cas nech si si 100% ze je ti to jasne. Skus si to upravit, napr pridat dalsi rad s tlacitkami "99", "88", "77" alebo co, uvidis ze staci pridat buttony s prislusnymi value a hotovo
Je dolezite takto oddelovat logiku appky od jej prezentacnej casti (HTML). CSS bolo tiez zmenene, mal si tam kopec repetitivneho a zbytocneho kodu.
Mozno sa ti v niecom bude zdat tvoje riesenie lepsie alebo jednoduchsie, kludne o tom mozme podiskutovat. Web Developmentu sa venujem asi 7 rokov z toho vyse dvoch sa nim celkom dobre zivim, takze viem preco som veci riesil tak ako som ich riesil a mozem ti to objasnit.
A ozaj, uz sa to nerozpadava a stale je to pekne centrovane Nie je dobry napad poziciovat veci absolutne, to len vo velmi vynimocnych pripadoch to treba a clovek musi presne vediet ako na to.
@cobra prosim ta, vies mi ukazat co uzitocne si vytvoril ty ked si sa ucil ako decko programovat? Takato webova kalkulacka je praveze super zaciatocnicka uloha.
@wewo preco ucis mladeho pouzivat eval? Si na to zvykne a potom budu jeho appky derave jak emental (o to viac, ked to bude pouzivat na backende) a pomale jak bratislavske elektricky.
Radsej vo switchy zadefinovat vsetky 4 aritmeticke operacie aj s pretypovanim ciselnych vstupov.
@tommyhot samozrejme ze eval je nespravny (zabudol som to spomenut), ale mal to aj vo svojej povodnej verzii a nechcel som od nej az tak velmi odbocit, aby ten kod aspon trochu spoznal
@hoperpohroma Dakujem za pomoc, urobil som to tak a funguje to len by som chcel aby ten spodny panel bol vzdy uplne dole a nie hned za kalkulackou. Vies ako by som to moohl urobit???
@19 prilepenie divu na spodok stranky nie je uplne trivialna zalezitost. Zrejme by som to robil cez position: absolute; bottom:0px; A nech to ma 100% sirku.
@vavo ja by som dala minimalnu vysku tomu elementu nad tym, trebas 800px. a ja to uz kodim cez vh a negativne marginy, aby to bolo vsade top, ale to si este teba pocka
ked to absolutnes, akp hovori wewo, tak akonahle bude mat stranka vacsiu vysku ako je vyska monitoru (viac obsahu), uz sa budu prelinat a zle zobrwzovat.
Roleta je špeciálny inkognito mód, ktorým skryješ obsah obrazovky pred samým sebou, alebo inou osobou v tvojej izbe (napr. mama). Roletu odroluješ tak, že na ňu klikneš.
25 komentov
www.onlinecalculator.esy.es
ak nemas 13 rokov, tak si zasluzis zdrba...
ALE(!) len preto lebo mas 13 a ucis sa.
Cekol som kod a vela veci by sa malo robit uplne inak.
Teda je otazne, ci si na toto riesenie prisiel sam (potom pochvala za vynaliezavost) alebo ci si to robil podla nejakeho tutorialu, lebo ten by bol potom uplne hrozny, v tom zmysle ze uci velmi nespravnym navykom.
Aby bolo jasne, hovorim o tej logickej casti, o JavaScripte. To ako vyzera stranka a to ze je to rozsypane je mi jedno
Dam ti vyzvu. Urob verziu 2.0, ktora nebude pouzivat funkcie run0 - run9 ale iba jednu funkciu, ktoru ked zavolas tak sama pochopi ktore cislo/znak ma do inputu pridat. Vzdy sa snaz robit veci co najuniverzalnejsie
A tuto funkciu nepridavaj ku kazdemu elementu zvlast ako onclick atribut, ale v javascripte ju pridaj DOM elementu, tak ako je napr vysvetlene tu:
» www.w3schools.com/js/tryit.asp?fi...
Ak by si chcel s niecim pomoct tak sa kludne ozvi (ale s konkretnymi otazkami, nie tak ze urob to ). A je pekne ze sa ucis, najlepsie sa naucis takymto vlastnym experimentovanim, len je dolezite uz v zakladoch chytit spravne navyky a techniky.
Inak nikde neviem nájsť výsledok, zobrazuje mi to ako @4
div id="zahlavie1"
div id="calc" (napr.) - obsahoval by tvoju kalkulacku, ty si ju len strcil do form-y v tele
div id="zahlavie2"
vsetky by mali display:block,width:100%,height:auto,overflow:hidden,float:none a same by sa pekne pod seba usporiadali.
ked niecomu absolutujes poziciu zdola (zahlavie2), bude to vyzerat dobre mozno akurat tak na tvojom monitore.
» jsfiddle.net/wewo/47htkwcw/3...
(snad sa vies orientovat v takychto editoroch, proste casti okna su pre HTML, CSS, JS a webstranku).
Vsimni si ze kod bol poriadne pomeneny, HTML aj CSS uplne zjednodusene, pridane classy tam kde maju byt a cele sa to zaobislo s jedinou funkciou
Prestuduj ako to funguje, venuj tomu cas nech si si 100% ze je ti to jasne. Skus si to upravit, napr pridat dalsi rad s tlacitkami "99", "88", "77" alebo co, uvidis ze staci pridat buttony s prislusnymi value a hotovo
Je dolezite takto oddelovat logiku appky od jej prezentacnej casti (HTML). CSS bolo tiez zmenene, mal si tam kopec repetitivneho a zbytocneho kodu.
Mozno sa ti v niecom bude zdat tvoje riesenie lepsie alebo jednoduchsie, kludne o tom mozme podiskutovat. Web Developmentu sa venujem asi 7 rokov z toho vyse dvoch sa nim celkom dobre zivim, takze viem preco som veci riesil tak ako som ich riesil a mozem ti to objasnit.
A ozaj, uz sa to nerozpadava a stale je to pekne centrovane Nie je dobry napad poziciovat veci absolutne, to len vo velmi vynimocnych pripadoch to treba a clovek musi presne vediet ako na to.
» jsfiddle.net/wewo/47htkwcw/8...
@cobra prosim ta, vies mi ukazat co uzitocne si vytvoril ty ked si sa ucil ako decko programovat? Takato webova kalkulacka je praveze super zaciatocnicka uloha.
Radsej vo switchy zadefinovat vsetky 4 aritmeticke operacie aj s pretypovanim ciselnych vstupov.
Dikes
@wewo
@19 prilepenie divu na spodok stranky nie je uplne trivialna zalezitost. Zrejme by som to robil cez position: absolute; bottom:0px; A nech to ma 100% sirku.
ked to absolutnes, akp hovori wewo, tak akonahle bude mat stranka vacsiu vysku ako je vyska monitoru (viac obsahu), uz sa budu prelinat a zle zobrwzovat.