-
Fototrend
Fototrend
Új hozzászólás Aktív témák
-
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> -
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> -
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> -
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.
-
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> -
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> -
É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
-
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.
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> -
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.
-
fordfairlane
veterán
-
fordfairlane
veterán
-
"- 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?
-
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> -
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
- Óra topik
- Felújított okostelefonokat kínál a Rejoy
- AMD Navi Radeon™ RX 9xxx sorozat
- Okos lesz a következő szemüveged
- Lakáshitel, lakásvásárlás
- Fotók, videók mobillal
- Szentjánosbogárral venné fel a versenyt a Macbook Neo ellen az Intel
- Vezeték nélküli fülhallgatók
- One otthoni szolgáltatások (TV, internet, telefon)
- Nem kell még temetni: 2 éves órajelcsúcsot döntöttek meg Raptor Lake-kel
- További aktív témák...
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest