Javascript Yardım! CSS'in içindeki özelliği değiştirme?

const btn= document.getElementById('btn');
btn.addEventListener('click', function() {
  const el = document.getElementById('el');
  if (el.style.display === 'none') { 
    el.style.display = 'block'; 
  } else {
    el.style.display = 'none'; 
  }
});

1. İlgili HTML elementine bir ID veya class ekleyin. Bu örnekte, bir butonu kontrol etmek istiyoruz, bu nedenle butona bir ID ekleyeceğiz.
   

   <button id="myButton">Aç/Kapat</button>

2. CSS'de, görünürlüğü kontrol etmek istediğiniz özelliği gizleyin veya gösterin. Bu örnekte, bir div elementinin görünürlüğünü kontrol edeceğiz.
   

   #myDiv { display: none;
   }

3. JavaScript'te, butona bir click event listener ekleyin. Butona tıklandığında, div elementinin görünürlüğünü kontrol edebilirsiniz. Aşağıdaki kodu kullanarak, div elementinin görünürlüğünü toggle() fonksiyonuyla değiştirebilirsiniz.
   

   const myButton = document.getElementById("myButton");const myDiv = document.getElementById("myDiv");
   
   myButton.addEventListener("click", function() {
   myDiv.classList.toggle("show");
   });

4. CSS'de, özelliği görünür hale getirmek için, div elementine "show" adlı bir class ekleyin.
   

   #myDiv.show {  display: block;
   }