Dark Theme

Unsere schönsten Vasen

vasen
<div class="cl">
   <div id="switch">Dark Theme</div>
   <h3>Unsere schönsten Vasen</h3>
   <button class="btn" id="more">Mehr dazu</button>
   <div class="vasen">
      <img src="vasen.png" width="996" height="527" alt="vasen">
   </div>
</div>
function switchTheme() {
   const cl = document.querySelector(".cl");
   cl.classList.toggle("dark");
   if (cl.classList.contains("dark")) {
      document.querySelector("#switch").textContent = "Light Theme";
   } else {
      document.querySelector("#switch").textContent = "Dark Theme";
   } 
}

function showMore() {
   document.querySelector(".vasen").classList.add("show");
}

document.querySelector("#switch").onclick = switchTheme;
document.querySelector("#more").onclick = showMore;