JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    .o. - <span>Украина - це Европа...</span>
</div>
<table id="ziga">    
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</table>

CSS

body {
    font-family: courier;
}

div {
    margin-left: 100px;
    margin-bottom: 20px;
}

span {
    border: 1px gray dotted;
    border-radius: 5px;
}

JavaScript

var heil = function () {
    var t = document.getElementsByTagName("td"), zigaList = ['/', '.'], ziga = '';

    for (var i = 0; i < t.length; i++) {
        var r = Math.random();
        if (r > 0.5) {
            ziga = zigaList[0];
        } else {
            ziga = zigaList[1];
        }
        t.item(i).style.color = 'black';
        t.item(i).innerHTML = '.o' + ziga;
    }
    
    var rand = t[Math.floor(Math.random() * t.length)];
    rand.innerHTML = '\\o.'
    rand.style.color = 'red';
}

setInterval(heil, 500);