Ayyıldız2 | 2008 TR Yapısı • 1-99 Orta Emek Destan • Oto Avsız • 10 Temmuz 21:00 HEMEN TIKLA!
HTML ve JavaScript ile bir yorumlar kısmını kullanıcıya açıp kapatılabilir hale getirebilirsiniz. Bunun için HTML, CSS ve JavaScript birlikte kullanılır.
HTML:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Yorumları Kapatma</title>
<style>
.yorumlar {
display: none; /* Yorumlar başlangıçta gizli */
}
</style>
</head>
<body>
<h2>Yazıyı Okuduktan Sonra Yorum Yapabilirsiniz</h2>
<button onclick="toggleYorumlar()">Yorumları Göster/Gizle</button>
<div class="yorumlar" id="yorumlar">
<h3>Yorumlar:</h3>
<ul>
<li>Harika bir yazı!</li>
<li>Faydalı bilgiler, teşekkürler.</li>
<li>Başka yazılarınızı sabırsızlıkla bekliyorum.</li>
</ul>
</div>
<script>
function toggleYorumlar() {
var yorumlarDiv = document.getElementById("yorumlar");
if (yorumlarDiv.style.display === "none") {
yorumlarDiv.style.display = "block"; // Yorumları göster
} else {
yorumlarDiv.style.display = "none"; // Yorumları gizle
}
}
</script>
</body>
</html>
