Çözüldü JavaScript Radio Buton Projesi

Yuspro dedi:

Butona tklandığında foreach() ile tüm butonları varsayılan hale getirin, daha sonra tıklanılan butonun rengini değiştirin veya butona tıklandığında rengi değişen butonu

Genişletmek için tıkla...

<script>
        var labels = document.querySelectorAll("label");


        labels.forEach(function(label) {

            label.addEventListener("click", function() {

                labels.forEach (function(label) {
                    label.style.backgroundColor = "purple";
                })

                label.style.backgroundColor = "red";
            })
        })
    </script>

1. İf, else' ler ile checked özelliğini kontrol edip, eğer checked olduysa böyle yap, yok eğer checked değilse şöyle yap.
2. Butonların birbirleri arasında ayrım oluşması için tıklananı bir diziye at. Dizideki elemana ayrı işlem uygula, dizi dışındakilere ayrı işlem uygula.

Bu yollar beni istediğim çözüme ulaştırmıyordu.
Aklıma asıl olaydan önce diğerleri için sıfırlama işlemi yapmak gelmemişti.
Çözüme ulaştım, sorunu çözdüm.
Teşekkürler dostum!

01yildizmustafa dedi:

@Yuspro

Kodun son hali:

Kod:Panoya kopyala

<script>
        var labels = document.querySelectorAll("label");


        labels.forEach(function(label) {

            label.addEventListener("click", function() {

                labels.forEach (function(label) {
                    label.style.backgroundColor = "purple";
                })

                label.style.backgroundColor = "red";
            })
        })
    </script>

Tam olarak ne demek istediğinizi anlamadım ama dediklerinizden şunu çıkarttım:
Tıklanınca asıl istediğim olaydan önce sıfırlama işlemi yapmak.

Ben bu çözüme kadar şu çözüm yollarını denedim:

1. İf, else' ler ile checked özelliğini kontrol edip, eğer checked olduysa böyle yap, yok eğer checked değilse şöyle yap.
2. Butonların birbirleri arasında ayrım oluşması için tıklananı bir diziye at. Dizideki elemana ayrı işlem uygula, dizi dışındakilere ayrı işlem uygula.

Bu yollar beni istediğim çözüme ulaştırmıyordu.
Aklıma asıl olaydan önce diğerleri için sıfırlama işlemi yapmak gelmemişti.
Çözüme ulaştım, sorunu çözdüm.
Teşekkürler dostum!

Genişletmek için tıkla...