-
Fototrend
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
- Fontos marad a nyílt forráskód az Intelnek, csak nem a megszokott formában
- Hisense LCD és LED TV-k
- Arc Raiders
- Ford topik
- Tőzsde és gazdaság
- iPhone topik
- Milyen TV-t vegyek?
- Kormányok / autós szimulátorok topikja
- Bemutatkozott a Motorola vékonymobilja
- Milyen billentyűzetet vegyek?
- További aktív témák...
- 135 db Akko Dracula Switch eladó
- AOC 25 AG251FG 240HZ
- Fujitsu ,15,6",8.gen.i5,világító.bill, 4G LTE,8-32GB/128-512,jó akku,Win.11,szép
- HP,15.6",FullHD,8.gen.core i5 (8X4,0Ghz)8-32GB RAM,256GB-1TB SSD,nagyon jó akku,Win.11,szép
- Újszerű Dell Latitude 7440 -14"FHD+1 IPS - i5-1345U 16GB - 512GB - Win11 - 1 év garancia + Dokkoló +
- LG 27GR95UM - 27" MiniLED - UHD 4K - 160Hz 1ms - NVIDIA G-Sync - FreeSync Premium PRO - HDR 1000
- Acer Nitro 5 AN515 I7 9 gen 32 gb 1650
- Készpénzes / Utalásos Videokártya és Hardver felvásárlás! Személyesen vagy Postával!
- HIBÁTLAN iPhone 12 Pro 256GB Graphite - 1 ÉV GARANCIA - Kártyafüggetlen, MS3283
- Azonnali készpénzes nVidia RTX 4000 sorozat videokártya felvásárlás személyesen / csomagküldéssel
Állásajánlatok
Cég: Promenade Publishing House Kft.
Város: Budapest
Cég: NetGo.hu Kft.
Város: Gödöllő