0
Kayıt Ol

Javascript kod ihtiyacı -Devamını yükle butonu

2

●

78

  • 23-09-2023, 16:05:38
    #1
    Gelistir
    Gelistir


    Devamını göster butonlu ufak bir div yapacağım ancak istediğim gibi birşey oluşturamadım,
  • 23-09-2023, 16:19:37
    #2
    Misafir
    Misafir
    Resimde ki sizin yaptığınız mı yoksa yapmak istediğiniz mi?
  • 23-09-2023, 16:22:27
    #3
    Gelistir
    Gelistir
    Misafir adlı üyeden alıntı: mesajı görüntüle
    Resimde ki sizin yaptığınız mı yoksa yapmak istediğiniz mi?
    Yapmak istediğim oyduda hallettim , ihtiyacı olan olur belki başka

    Html kodu

    #more {display: none;}
    <h2>Başlık</h2>
<p>gözükecek içerik
<span id="dots">...</span>
<span id="more">içeriğin tamamı</span></p>
<button onclick="myFunction()" id="myBtn">Devamını Göster</button>
    function myFunction() {
  var dots = document.getElementById("dots");
  var moreText = document.getElementById("more");
  var btnText = document.getElementById("myBtn");

  if (dots.style.display === "none") {
    dots.style.display = "inline";
    btnText.innerHTML = "Devamını Göster";
    moreText.style.display = "none";
  } else {
    dots.style.display = "none";
    btnText.innerHTML = "Devamını Gizle";
    moreText.style.display = "inline";
  }
}