2. Fórumok
  3. Szoftverfejlesztés
  4. JavaScript topic
Keresés
  • Fototrend
    Frissítve: 2014-02-25 10:20 Téma összefoglaló
    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 Aureal őstag
    #6146
    #6092 topjoyy
    Új Válasz
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    Aureal
    Aureal
    őstag
    #6092 topjoyy
    #6092 topjoyy

    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>

    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 Jim-Y veterán
    #6095
    #6092 topjoyy
    Új Válasz
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    Jim-Y
    Jim-Y
    veterán
    #6092 topjoyy
    #6092 topjoyy

    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>

    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.

  • sztanozs sztanozs veterán
    #6093
    #6092 topjoyy
    Új Válasz
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    sztanozs
    sztanozs
    veterán
    #6092 topjoyy
    #6092 topjoyy

    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>

    Ebből nem tudod megcsinálni ez csak egy egyszerű tömb, nincsenek "tulajdonságai".
    Azt tudod csinálni, hogy a tömböt feldarabolod és egyenként berakod egy div-be vagy span-be...

Új hozzászólás Aktív témák