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;
}
Teşekkürü chatGpt ye edersin hocam iyi günler