Sender in if-Schleif berücksichtigen

  • JavaScript

Es gibt 2 Antworten in diesem Thema. Der letzte Beitrag () ist von ISliceUrPanties.

    Sender in if-Schleif berücksichtigen

    Neu

    Moin ich habe ein Funktion vorliegen, bei der ich zwischen den Sendern unterscheiden möchte, weiß aber nicht wie.

    Es liegen 2 bilder vor, wo bei einem Click das Bild geändert wird. Dadurch dass ich nicht die Sender unterscheiden kann, ändern sich aber bei Click eines Bildes gleich beide Bilder und das soll halt nicht passieren.


    HTML-Quellcode

    1. Function Änderebild(){
    2. imajenes[0] = document.getElementById("dasbild0");
    3. if (imajenes[0].src.match("bilder/gruenes.jpg")) {
    4. imajenes[0].src = unterimages[0].src;
    5. }
    6. else {
    7. imajenes[0].src = "bilder/gruenes.jpg";
    8. }
    9. imajenes[2] = document.getElementById("dasbild2");
    10. if (imajenes[2].src.match("bilder/gruenes.jpg")) {
    11. imajenes[2].src = unterimages[2].src;
    12. }
    13. else {
    14. imajenes[2].src = "bilder/gruenes.jpg";
    15. }


    }


    Es wäre gut, wenn es so etwas in der Art geben würde:

    HTML-Quellcode

    1. If(sender == document.getElementById("dasbild0"){
    2. */hier die erste Ausführung
    3. }


    freu mich über Tipps und Tricks LG

    Neu

    Hallo,
    das ist natürlich möglich. Hier ein kleines Beispiel:

    HTML-Quellcode

    1. <img id="img1" src="./pfad/zum/bild1.png" />
    2. <img id="img2" src="./pfad/zum/bild2.png" />
    3. <script>
    4. const handler = e => {
    5. console.log(e);
    6. }
    7. const collection = document.getElementsByTagName('img');
    8. for (const img of collection)
    9. {
    10. img.addEventListener('click', handler);
    11. }
    12. </script>

    Wenn du die Browser-Konsole öffnest und auf ein Bild klickst, siehst du, was dir alles an Eigenschaften zur Verfügung steht.