- Google Pixel topik
- Xiaomi 15T Pro - a téma nincs lezárva
- OnePlus 15 - van plusz energia
- iPhone topik
- Vivo X200 FE – fenséges méret
- One mobilszolgáltatások
- Android szakmai topik
- Honor Magic6 Pro - kör közepén számok
- Samsung Galaxy Watch8 - Classic - Ultra 2025
- Mától Huawei okosórákkal is lehet érintésmentesen fizetni
-
Mobilarena
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
- Kerti grill és bográcsozó házilag (BBQ, tervek, ötletek, receptek)
- Vezetékes FEJhallgatók
- Nem csak nagy, de gyors is az LG önerőből AI felskálázást biztosító monitora
- Luck Dragon: Asszociációs játék. :)
- Xbox Series X|S
- Star Trek
- Melyik tápegységet vegyem?
- iPad topik
- Könyvajánló
- World of Warships
- További aktív témák...
- WELOCK smart lock ToucA51 okoszár
- Új Lenovo Thinkpad X1 2in1 Gen9 WUXGA Ultra 7 165U 12mag 32GB 512GB Intel Arc iGPU Win11 Garancia
- OnePlus Nord CE5 128GB, Kártyafüggetlen, 1 Év Garanciával
- ÁRGARANCIA!Épített KomPhone Ryzen 7 9800X3D 64GB RAM RTX 5080 16GB GAMER PC termékbeszámítással
- AKCIÓ! Acer Predator Helios Neo 16 PHN16 notebook-i9 13900HX 16GB DDR5 1TB SSD RTX 4060 8GB W11
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest