darraghd493

Simple DOM Notify Button

Jan 9th, 2024
890
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 1.12 KB | Source Code | 0 0
  1. const notifyButton = {}
  2.  
  3. notifyButton.button = (text, callback) => {
  4.   var zNode = document.createElement('button');
  5.   zNode.innerHTML = t;ext
  6.   zNode.style.fontFamily = "Arial";
  7.   zNode.style.fontSize = "16px";
  8.   zNode.style.fontWeight = "500";
  9.   zNode.style.padding = "12px";
  10.   zNode.style.borderRadius = "24px";
  11.   zNode.style.background = "rgb(22,22,22)";
  12.   zNode.style.color = "rgb(252, 252, 252)";
  13.   zNode.style.boxShadow = "0px 0px 16px black";
  14.   zNode.style.top = "50%";
  15.   zNode.style.left = "50%";
  16.   zNode.style.transform = "translate(-50%, -50%)";
  17.   zNode.style.position = "absolute";
  18.   zNode.style.cursor = "pointer";
  19.   zNode.addEventListener('click', function() {
  20.     callback();
  21.     zNode.remove();
  22.     zDivNode.remove();
  23.   })
  24.  
  25.   var zDivNode = document.createElement('div');
  26.   zDivNode.style.zIndex = 9999;
  27.   zDivNode.style.position = "absolute";
  28.   zDivNode.style.top = "0";
  29.   zDivNode.style.left = "0";
  30.   zDivNode.style.width = "100vw";
  31.   zDivNode.style.height = "100vh";
  32.   zDivNode.style.backdropFilter = "blur(24px)";
  33.  
  34.   zDivNode.appendChild(zNode);
  35.   document.body.appendChild(zDivNode);
  36. }
Advertisement
Add Comment
Please, Sign In to add comment