Keresés: - JavaScript topic - PROHARDVER! Hozzászólások

Hirdetés

Legfrissebb anyagok

PROHARDVER! témák

Mobilarena témák

IT café témák

GAMEPOD témák

LOGOUT témák

Keresés

PROHARDVER!

Frissítve: 2014-02-25 10:20 Téma összefoglaló

PROHARDVER!

JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)

Új hozzászólás Aktív témák

topjoyy tag

#6835
#6832 topjoyy
2018-08-21 21:28:52

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

topjoyy

tag

#6832 topjoyy

#6832 topjoyy
Sziasztok!
Ezt az egyszerű kis kódot szeretném beilleszteni egy oldalba, de az egész oldal eltűnik és csak a kód marad meg. Mit rontottam el?
<!DOCTYPE html> <html> <body> <p id="demo"></p> <script> function ido() { var x=Date(); document.getElementById("demo"); document.body.innerHTML=x; } setInterval(ido,1000) </script> </body> </html>

Köszönöm!
topjoyy tag

#6832 2018-08-21 18:49:23

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

topjoyy

tag

Sziasztok!
Ezt az egyszerű kis kódot szeretném beilleszteni egy oldalba, de az egész oldal eltűnik és csak a kód marad meg. Mit rontottam el?
<!DOCTYPE html> <html> <body> <p id="demo"></p> <script> function ido() { var x=Date(); document.getElementById("demo"); document.body.innerHTML=x; } setInterval(ido,1000) </script> </body> </html>
topjoyy tag

#6802
#6801 dqdb
2018-06-22 15:29:36

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

topjoyy

tag

#6801 dqdb

#6801 dqdb
Nem.

W3schools miért nem ír róla semmit?
topjoyy tag

#6800
#6799 Jim-Y
2018-06-22 14:58:53

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

topjoyy

tag

#6799 Jim-Y

#6799 Jim-Y
Gondolom akkor nem nézted meg a linket mert oda is van írva hogy "no library (pure JS)". Az alatt mit értesz hogy ne csak egy funkció legyen hanem több? Azt hogy ne csak a hatterszint változtassa meg hanem a gombra kattintva más is történjen?

Erre gondoltam. Ez nem jQuery?
const btn = document.querySelector('.btn__change-bgColor'); const target = document.querySelector('.target-wrapper');
A kattintósnál meg azt értem, hogy van egy gomb és ha rákattintok elsőre, akkor legyen mondjuk piros, ha rákattintok másodjára legyen mondjuk nagyobb és így tovább.
topjoyy tag

#6798
#6797 Jim-Y
2018-06-21 16:29:52

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

topjoyy

tag

#6797 Jim-Y

#6797 Jim-Y
http://jsfiddle.net/132mzyx6/6/ Ennel egyszerubben nem nagyon lehet ezt megoldani.

Úgy szerettem volna, hogy nincs benne semmilyen forrás pl: jQuery, mert még először sima JS-t akarom tanulmányozni. Amúgy, csak arra lennék kíváncsi, hogy ha megnyomok egy gombot, akkor ne csak 1 funkció legyen hanem több.
topjoyy tag

#6794
#6793 Jim-Y
2018-06-21 10:15:13

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

topjoyy

tag

#6793 Jim-Y

#6793 Jim-Y
Ez segit? https://stackoverflow.com/a/1484514

Nincs valami egyszerűbb. Nem lehet csak function függvénnyel megoldani?
topjoyy tag

#6792 2018-06-20 19:35:12

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

topjoyy

tag

Hali!
Kezdő vagyok még JS terén és azzal a kérdéssel fordulnék hozzátok, hogy hogy lehetne azt megoldani, hogy a gombra kattintva minden kattintásnál meg változzon a background színe? Köszönöm előre is!
<!DOCTYPE html> <html> <body> <head> <style> #p {background:red; padding:10px; display:none;} </style> </head> <button onclick="my()">Katt</button> <p id=p>Valami</p> <script> function my() { document.getElementById("p").style.display = "block"; } </script> </body> </html>
topjoyy tag

#6126
#6125 sztanozs
2016-07-07 18:39:31

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

topjoyy

tag

#6125 sztanozs

#6125 sztanozs
Oké, kicsit barátibban (talán ):
verzió 4
persze összehúztam egy fáljba, mert először beillesztettem volna

Ez már nem tetszik.
topjoyy tag

#6123
#6121 Jim-Y
2016-07-07 15:36:02

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

topjoyy

tag

#6121 Jim-Y

#6121 Jim-Y
És akkor ebből azt szűrted le, hogy ez a kód jó? Ami rövidebb, meg érted az egyből jó kód is? Ebből csak arra akarok rávilágítani, hogy lehet, hogy te ezt most megértetted, meg jajdejó rövidebb, de attól még egy interjún egy ilyen kóddal nem mennél át. De nem akarok további flamewarokat indítani, tényleg nem. Peace

Nem az a jó, ha minnél rövidebb egy kód? Egyrészt átláthatóbb, másrészt kevesebb helyet foglal.
topjoyy tag

#6120
#6118 Jim-Y
2016-07-07 14:54:37

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

topjoyy

tag

#6118 Jim-Y

#6118 Jim-Y
Mi miatt tartod barátságosnak?

Mert talán rövidebbnek tűnik és az appendChild-en kívül minden kódot ismerek.
topjoyy tag

#6117
#6116 sztanozs
2016-07-07 14:44:45

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

topjoyy

tag

#6116 sztanozs

#6116 sztanozs
Amúgy amit akartál, nem túl bonyolult
<html> <body> <p>The push method appends a new element to an array.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo").innerHTML = fruits; function myFunction() { var demo = document.getElementById("demo"); demo.innerHTML = fruits + ","; var d = document.createElement("SPAN"); d.style.color = "red"; d.innerHTML = "Lemon"; demo.appendChild(d); fruits.push("Lemon"); } </script> </body> </html>

Ez már egy elég barátságos kis kód.
topjoyy tag

#6113
#6111 Jim-Y
2016-07-07 13:57:39

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

topjoyy

tag

#6111 Jim-Y

#6111 Jim-Y
Én úgy vagyok ezzel, hogy van aki csak az adott problémát akarja megoldani, hogy hogy lehet a "Lemon" piros az oldalon, meg van aki jó szakember szeretne lenni, én az utolsót céloztam meg, és úgy írtam neki a linkeket.

Igazándiból én nem akarok "mester" szinten JS-elni, csupán egy alap tudást szeretnék szerezni, amivel már akár haladhatok tovább. Engem valójában annyira nem érdekel a JS, de muszáj megtanulnom, ahhoz, hogy eltudják bárhol is helyezkedni. Nekem, már van egy haladó html/css tudásom és ezért nem tehetem, azt hogy lemondok róluk, ezért bizony rá kell feküdnöm a JS-re.
topjoyy tag

#6109
#6108 fordfairlane
2016-07-07 13:31:12

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

topjoyy

tag

#6108 fordfairlane

#6108 fordfairlane
Ezek egyike sem kezdő téma, totál haszontalan számukra. Komolyan, megkérdezi, hogy mit kell tudnia a DOM-ról, és azt kapja, hogy "callback hell", meg "IIFE" ? Véges halmazok meg gráfelmélet az már smafu?

Egyébként a w3school-sal mi a baj? A világ legnagyobb webfejlesztő oldala.
topjoyy tag

#6103
#6101 Jim-Y
2016-07-07 13:13:01

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

topjoyy

tag

#6101 Jim-Y

#6101 Jim-Y
Nincs. Ha programozni szeretnél akkor tanulj meg angolul, ha nem tudsz angolul akkor ne tanulj programozni hanem tanulj meg előbb angolul. Tényleg. Nem azért mondom, mert rosszat akarok, sőt. Ez olyan, hogy ha vizimentő szeretnél lenni akkor nem árt ha tudsz úszni, ha nem tudsz úszni akkor gyakorolhatod te a nyakonátfogást betonon, de ha élesben kell alkalmaznod a mentést akkor majd jön a csalódás, hogy nem tudsz úszni.

Ez jó lesz?
topjoyy tag

#6099
#6097 Jim-Y
2016-07-07 13:00:20

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

topjoyy

tag

#6097 Jim-Y

#6097 Jim-Y
A w3schools még nemrégiben az egyik lehető legrosszabb tanulási forrásnak számított -> http://www.w3fools.com/. Ha tanulni szeretnél megannyi forrásból választhatsz,
Kezdésnek ezt olvasd el: http://shamansir.github.io/JavaScript-Garden/en/
Majd ezt: https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript?redirectlocale=en-US&redirectslug=JavaScript%2FA_re-introduction_to_JavaScript
Ha ezen túl vagy akkor meg: http://javascriptissexy.com/how-to-learn-javascript-properly/
Ha követed itt amiket minden héten ajánl: codecademy meg hasonlók akkor egy nagyon átfogó tudást szerezhetsz Javascriptből.
HTML + DOM: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Introduction
CSS: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started

Tudom, hogy esélytelen, amit kérek, de magyarba nincsen valami jó fajta JS tutorial?
topjoyy tag

#6096
#6095 Jim-Y
2016-07-07 12:28:48

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

topjoyy

tag

#6095 Jim-Y

#6095 Jim-Y
Szia, ez így több sebből is vérzik. Kezdem az elejéről.
- Oké, hogy valami online tutorialt követsz, de inline esemény kezelőket használni már 5 éve is deprecated volt. Adj egy id-t a gombnak és aggassz rá megfelelő eseményvezérlőt.
- ne innerHTML-el szúrd be az elemeket, hanem csinálj mindegyiknek egy container-t így később egyszerűbb lesz stílusokkal ellátni őket
Csináltam egy példát és adtam commenteket is. Lehet sokkal töb kódból lett megoldva a probléma de legalább nem deprecated technikákat használ: https://jsfiddle.net/fwuyLec8/
Megj: a te példáddal csak úgy simán nem lehet megoldani a stílust, mindenképp kell egy DOM elem ami tartalmazza a tömb egy aktuális elemét, és arra a DOM elemere már lehet stílust tenni.

"- Oké, hogy valami online tutorialt követsz, de inline esemény kezelőket használni már 5 éve is deprecated volt. Adj egy id-t a gombnak és aggassz rá megfelelő eseményvezérlőt."
Valójában én a w3schools-ról tanulok, de ha azt mondod, hogy elavult az a módszer, akkor megnéznék más oldalt is.
"Megj: a te példáddal csak úgy simán nem lehet megoldani a stílust, mindenképp kell egy DOM elem ami tartalmazza a tömb egy aktuális elemét, és arra a DOM elemere már lehet stílust tenni."
Mit kell tudnom a DOM-ról?
topjoyy tag

#6094
#6093 sztanozs
2016-07-07 11:45:13

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

topjoyy

tag

#6093 sztanozs

#6093 sztanozs
Ebből nem tudod megcsinálni ez csak egy egyszerű tömb, nincsenek "tulajdonságai".
Azt tudod csinálni, hogy a tömböt feldarabolod és egyenként berakod egy div-be vagy span-be...

Így gondoltad? Ez se akar működni.
<!DOCTYPE html> <html> <head> <style> </style> </head> <body> <p>The push method appends a new element to an array.</p> <button onclick="myFunction()">Lemon</button> <span id="demo"></span> <script> var b = ["Banana"]; var o = ["Orange"]; var m = ["Mango"]; document.getElementById("demo").innerHTML = fruits; function myFunction() { fruits.push("Lemon") document.getElementById("demo").innerHTML = fruits; } </script> </body> </html>
topjoyy tag

#6092 2016-07-07 11:13:55

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

topjoyy

tag

Milyen megoldás van arra, hogy, ha rákattintok egy gombra, akkor az a tömbön belül más stílust adjon? Ebben a példában szeretném, ha az új "Lemon" szó ne feketével, hanem mondjuk pirossal jelenjen meg. Hozzáadtam a fruits.style.color = "red";, de nem működik.
Előre is köszönöm!
<!DOCTYPE html> <html> <body> <p>The push method appends a new element to an array.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo").innerHTML = fruits; function myFunction() { fruits.push("Lemon") fruits.style.color = "red"; document.getElementById("demo").innerHTML = fruits; } </script> </body> </html>