Skip to content

Files

Latest commit

 

History

History
85 lines (82 loc) · 1.84 KB

index.md

File metadata and controls

85 lines (82 loc) · 1.84 KB

<!doctype html>

<title>Greeting</title>

The greeting zone 🎊

Click here to receive your greeting 

  <button
    class="greet-btn"
    style="
      background-color: #1f1e1e;
      color: #fff;
      border: none;
      padding: 10px;
      border-radius: 5px;
      cursor: pointer;
      font-size: 20px;
    "
  >
    Greet
  </button>

  <p
    class="greet-message"
    style="
    display: none; 
    font-size: 30px;
    color: #ffffff;
    "
  >
  Sat shri akaal! Have a good day.
  <button 
  class="back-btn"
  style="background-color: #1f1e1e;
  color: #fff;
  border: none;
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 20px;">Hide</button>
  </p>
</div>

<script>
  const button = document.querySelector(".greet-btn");
  const back = document.querySelector(".back-btn");
  button.addEventListener("click", () => {
    const message = document.querySelector(".greet-message");
    message.style.display = "block";
  });
  back.addEventListener("click", ()=>{
    location.reload()
  })
</script>