banner.ejs 944 B

12345678910111213141516171819202122232425262728293031
  1. <div class="banner">
  2. <p></p>
  3. </div>
  4. <script>
  5. let banner = {
  6. createNotification: (val)=>{
  7. let currentBanner = document.querySelector(".banner");
  8. let bannerText = document.querySelector(".banner p");
  9. currentBanner.style.display = "inline-block";
  10. bannerText.innerText = val;
  11. bannerText.classList = "notification";
  12. setTimeout(()=>{
  13. currentBanner.style.display = "none";
  14. }, 10000);
  15. },
  16. createError: (val)=>{
  17. let currentBanner = document.querySelector(".banner");
  18. let bannerText = document.querySelector(".banner p");
  19. currentBanner.style.display = "inline-block";
  20. bannerText.innerText = val;
  21. bannerText.classList = "error";
  22. setTimeout(()=>{
  23. currentBanner.style.display = "none";
  24. }, 10000);
  25. }
  26. }
  27. </script>