JS İle açılıp kapanan div

joxey

Centipat
Katılım
23 Temmuz 2019
Mesajlar
32
Sayfa üzerinde bulunan buttonlara basınca ekrana büyük bir div çıkmasını nasıl sağlarım? Aynı zamanda açılan div üzerinde bulunan bir buttona tıklayıncada div tekrardan kapanmalı.
 
Merhaba, sanırım bu sorununuzu çözecektir.
Kod:
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
    .image{width:960px;height:640px}
    .buton{background-color:aquamarine;color:black;width:120px;height:60px;font-size:32px}
  </style>
  <script>
    var durum=0,div=document.getElementById("div_acip_kapama");
    function div_acip_kapama(){
      if (durum==0){
        document.getElementById("div").style.display = "block";
        durum=1;
      } else {
        document.getElementById("div").style.display = "none";
        durum=0;
      }
    }
  </script>
</head>
<body>
  <div id="div" style="display:none">Div İçeriği</div>
  <button type="button" class="buton" onclick="div_acip_kapama()" id="butoon">Buton !</button>
</body>
</html>
 
Uyarı! Bu konu 7 yıl önce açıldı.
Muhtemelen daha fazla tartışma gerekli değildir ki bu durumda yeni bir konu başlatmayı öneririz. Eğer yine de cevabınızın gerekli olduğunu düşünüyorsanız buna rağmen cevap verebilirsiniz.

Technopat Haberler

Yeni konular

Geri
Yukarı