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

  • Aureal
    őstag

    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>

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