- iPhone 18 Pro Max: kis kapacitásbővítés hoz nagy előrelépést üzemidőben
- OnePlus 15 - van plusz energia
- iPhone topik
- Samsung Galaxy A52s 5G - jó S-tehetség
- OnePlus 15R - régen minden jobb volt
- Samsung Galaxy A54 - türelemjáték
- Elődje legnagyobb hibáját javítja az iPhone 17e
- Újabb hét, újabb Galaxy S26 képek
- Hivatalos a OnePlus 13 startdátuma
- Xiaomi 15T - reakció nélkül nincs egyensúly
-
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
-
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
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
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
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
válasz
fordfairlane
#6108
üzenetére
Egyébként a w3school-sal mi a baj? A világ legnagyobb webfejlesztő oldala.
-
topjoyy
tag
"- 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
válasz
sztanozs
#6093
üzenetére
Í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
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>
Új hozzászólás Aktív témák
- Házimozi haladó szinten
- iPhone 18 Pro Max: kis kapacitásbővítés hoz nagy előrelépést üzemidőben
- OnePlus 15 - van plusz energia
- Gitáros topic
- Spórolós topik
- exHWSW - Értünk mindenhez IS
- Milyen széket vegyek?
- A Sony szerint a PlayStation 5 konzolokat még nem érinti a memóriahiány
- Átírja az ENSZ az önvezetés szabályait
- Rendkívül ütőképesnek tűnik az újragondolt Apple tv
- További aktív témák...
- PlayStation 5 Slim (lemezes) + kontroller Alza 2027.12.10-ig garancia, számlával!
- PowerColor Red Devil RX 6900 XT Ultimate (XTXH chip) - Full dobozos, gyári kártyatámasszal
- Bomba áron GIGABYTE G5 /I7-13620H 16GB 1 TB SSD Nvidia RTX 4050 6GB 144 Hz FHD IPS
- ASUS ROG Swift PG32UCDM QD-OLED 4K 240Hz gamer monitor eladó / BOLTI ÁR 500E+
- MSI Crosshair 16 i7-14700HX 14. gen 16gb ddr5 + RTX 4060 (140W) + 240Hz QHD+
- 229 - Lenovo LOQ (15IRX10) - Intel Core i7-13700HX, RTX 5060
- Újszerű Dell XPS 13 9310 - 13.4" FHD+ i7-1185G7 - 16GB - 1TB - Win11 PRO
- BESZÁMÍTÁS! Részletfizetés 0% THM ÚJ Gigabyte Windforce OC RTX 5090 / Asus TUF RTX 5090 3 év 27%
- Tp-Link Archer C64 Dual Band Full Gigabit Wi-Fi router
- Samsung Galaxy A53 5G 128GB, Kártyafüggetlen, 1 Év Garanciával
Állásajánlatok
Cég: Central PC számítógép és laptop szerviz - Pécs
Város: Pécs
Cég: Laptopműhely Bt.
Város: Budapest