Hirdetés
-
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
-
-
Aureal
őstag
válasz
topjoyy
#6092
üzenetére
Suszter megoldással absz. laikusként:
<button onclick="myFunction()">Tedd pirossá a tömb új elemét</button>
<p id="demo">...</p>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
function myFunction() {
fruits.push("Lemon");
document.getElementById("demo").innerHTML += ', <span style="color:red">'+fruits[fruits.length-1]+'</span>';
}
</script> -
Jim-Y
veterán
válasz
topjoyy
#6123
üzenetére
Ez egy határozott nem. Ha egyedül dolgozol egy projekten akkor igazából azt csinálsz amit akarsz, akkor kontroll karakterekkel is írhatod az egész kódot ha neked úgy tetszik vagy használhatsz egy betűs változóneveket. Ellenben majd ha lesz munkahelyed akkor más szabályok lesznek érvényesek. Corporate környezetben az a jó kód ami magáért beszél. Magáért az a kód beszél ami jó/leíró függvényneveket tartalmaz, jó (hosszú) változóneveket, sok kommentet. Úgy kell megírni a kódot, hogy ha a kisjóskapista 2 hét múlva odaül a kódod elé akkor rögtön bele tudjon nyúlni, megértse, hogy mit miért és miért úgy csináltál. Egy komolyabb projekten minifikálják a kódot és még mangling is van így tényleg semmi értelme tömör kódot írni. Értsd zéró.
-
Jim-Y
veterán
válasz
topjoyy
#6120
üzenetére
É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
-
válasz
topjoyy
#6113
üzenetére
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> -
#6114
fordfairlane
veterán
topjoyy
#6109
-
Jim-Y
veterán
válasz
topjoyy
#6099
üzenetére
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.
-
Jim-Y
veterán
válasz
topjoyy
#6096
üzenetére
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
-
Jim-Y
veterán
válasz
topjoyy
#6092
üzenetére
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.
Új hozzászólás Aktív témák
Hirdetés
- BESZÁMÍTÁS! HP Elitedesk 800 G1 USDT brand - i7 4790S 16GB DDR3 256GB SSD Intel HD 4600 250W WIN10
- BESZÁMÍTÁS! HP Elitedesk 800 G4 SFF számítógép - i5 8500 16GB DDR4 256GB SSD Intel UHD 630 250W W11
- BESZÁMÍTÁS! HP Elitedesk 800 G4 SFF brand számítógép - i5 8500 16GB DDR4 256GB SSD UHD630 250W WIN11
- PALIT RTX 5080 GamingPro 16GB - 36 hó garancia
- ADATA XPG Lancer Blade 32GB (2x16GB) DDR5 6000MHz CL48 - XMP/EXPO - 120 hó garancia
- ÁRGARANCIA! Épített KomPhone Ultra 7 265KF 32/64GB RAM RTX 5080 16GB GAMER PC termékbeszámítással
- BESZÁMÍTÁS! Apple Macbook Air 13 2022 M2 8GB 512GB notebook garanciával hibátlan működéssel
- Acer TravelMate P214 i3-1115G4 12GB 256GB 14" FHD 1év garancia
- BESZÁMÍTÁS! MSI B650 R7 7700 64GB DDR5 1TB SSD RX 7900 XTX 24GB Lian Li LANCOOL 216 ARGB 850W
- ÁRGARANCIA!Épített KomPhone Ryzen 7 9700X 32/64GB RAM RX 9070 16GB GAMER PC termékbeszámítással
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest