JSFiddle - React, Tailwind, and code Playground
CSS
canvas {
background: #101010
}
JavaScript
var h3 = document.getElementsByTagName('h3');
h3.innerHTML = '<script><!--
function getListOfViews() {
var listletter = document.getElementsByClassName('letter');
var views = [];
for (var i = 0; i < listletter.length; i++) {
var tmpspan = listletter[i];
var view = tmpspan.getElementsByTagName('span').item(1);
views[i] = parseInt(view.innerText.replace(/\D+/g, ""));
}
return views;
}
function minIdx(array) {
var idx = 0;
for (var i = 1; i < array.length; i++) {
if (array[idx] > array[i]) {
idx = i;
}
}
return idx;
}
function visit(idx) {
var div_letter = document.getElementsByClassName('letter').item(idx);
if (div_letter !== null) //if Letter found
{
var ahref = div_letter.getElementsByTagName('a').item(0);
window.open(ahref.href, '_blank');
logmessage = 'Open Visit: ' + div_letter.id;
} else {
logmessage = 'Visited links are over!!!';
}
console.log(logmessage);
}
function helpervisit() {
var views = getListOfViews();
var idx = minIdx(views);
var titleText = document.getElementsByTagName('title').item(0);
titleText.innerText = views[idx] + " " + (idx + 1) + "/" + views.length + " " + titleText.innerText;
visit(idx);
var q1 = document.getElementsByClassName('letter').item(idx);
q1.remove();
}
helpervisit();
-- > < /script><a onclick="helpervisit(); return false;">
Посещения < /a><small>доступные посещения</small > ';