Jak porównać źródła zdjęcia?

0

Witam
Mam mały problem z porównaniem zdjęć na stronie. Mam funkcje która podmienia zdjęcia po kliknięciu i chciałbym aby druga funkcja sprawdzała które zdjęcie jest aktualnie na stronie ale za każdym razem wyświetla komunikat ze jest zdjęcie z zielonym tłem pomimo tego że jest inne

<script>
      function sprawdzanie() //porównanie zdjęć
      {
          var zdj = "<img src='correct-check-button.png' />";
          
          if(document.getElementById("k1").innerHTML == zdj)
              {
                  alert("biale tlo");
              }
          else
          {
            alert("zielone tlo")
          }
      }
      function pod_z_na_c_1()    // podmiana zdjęć
       {
           var a = "<img src='correct-checked-button.png' />";
           document.getElementById("k1").innerHTML = a;
           var b = "<img src='uncorrect-check-button.png' />";
            document.getElementById("k2").innerHTML = b;
       }
       function pod_c_na_z_1() // podmiana zdjęć
       {
           var a = "<img src='correct-check-button.png' />";
           document.getElementById("k1").innerHTML = a;
           var b = "<img src='uncorrect-checked-button.png' />";
            document.getElementById("k2").innerHTML = b;
       }
    </script>

<div class="pyt">Posiadanie silnego i zgrabnego ciała jest dla mnie ważną rzeczą </div>
        <div onclick="licznik_r(), pod_z_na_c_1()" id="k1" class="zdj1"><img src='correct-check-button.png' /></div>
        <div onclick="licznik_r_min(), pod_c_na_z_1()" id="k2" class="zdj2"><img src='uncorrect-check-button.png' /></div>
        
        <div onclick="sprawdzanie()">sprawdź</div>
</body>
</html>

0

To co sobie wkleisz przez .innerHTML, a to co faktycznie zostanie wklejone, to nie musi być dokładnie to samo. U mnie przeglądarka
zamienia <img src='correct-checked-button.png' /> na <img src="correct-check-button.png"> więc warunek nigdy nie jest spełniony.

Tak czy siak, nie manipuluj i nie analizuj .innerHTML, tylko operuj na src samego zdjęcia. I prościej i bardziej przewidywalnie.
A najlepiej to w ogóle zmieniaj klasę elementu na "ok/error" a same grafiki sobie umieść w CSS jako tło.
Używaj zrozumiałych nazw funkcji.
Nie używaj osobnych funkcji do wszystkiego tylko napisz bardziej ogólne, wywoływane z parametrem.

0

@Freja Draco: A da się pobrać samo src zdjęcia?

1 użytkowników online, w tym zalogowanych: 0, gości: 1