This script dynamically creates and displays random text elements on a web-page at random positions. It retrieves keywords from the '<meta name="keywords">' tag, splits them into an array, and periodically selects a random keyword to display. Each text element is styled as a 'div' with the class 'dynamic-text', positioned randomly within the vie…

gistfile1.txt

// Get meta keywords
const metaKeywords = document
  .querySelector('meta[name="keywords"]')
  .getAttribute("content");
const words = metaKeywords.split(", ");
const body = document.body;

function createRandomText() {
  const text = document.createElement("div");
  text.className = "dynamic-text";
  text.innerText = words[Math.floor(Math.random() * words.length)];
  text.setAttribute("aria-hidden", "true");
  body.appendChild(text);

  // Wait for the text element to be rendered to get its dimensions
  const textRect = text.getBoundingClientRect();

  // Calculate random positions
  const maxTop = window.innerHeight - textRect.height;
  const maxLeft = window.innerWidth - textRect.width;

  text.style.top = Math.random() * maxTop + "px";
  text.style.left = Math.random() * maxLeft + "px";

  setTimeout(() => {
    body.removeChild(text);
  }, 5000);
}

setInterval(createRandomText, 1000);