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>