JSFiddle - React, Tailwind, and code Playground

by victoriaytsu

HTML

<div id="container">
  <a href="https://www.google.com"  target="_blank">Link</a>
  <div id="report"></div>
</div>

CSS

:visited {
  background-color: red;
}

#container :link {
  background-color: yellow;
  font-size: 50px;
}

#container  a:hover {
  font-size: 20px;
}

JavaScript

function poll() {
	var link = document.querySelectorAll("#container :link");
	var visited = document.querySelectorAll("#container :visited");
  report.textContent = "link " + link.length + ", visited " + visited.length;
  
	setTimeout(poll, 1000);
}

setTimeout(poll, 0);