JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<input id="nickname" width="50"><input id="message"><a id='send' href="#" >Отправить</a>
    <div id='cb'></div>

JavaScript

var admins = ['vasya', 'petya'];
function xLoad(){
    var text = document.getElementById('message').value
    var nickname = document.getElementById('nickname').value
    var name = nickname
    var oldtext = document.getElementById('cb').innerHTML
    document.getElementById('cb').innerHTML = "<a>"+oldtext+"</a><br><a><b class="+name+">"+nickname+"</b> : "+text+"</a>";
    if(admins.indexOf(nickname) + 1){    
        var nicks = document.querySelectorAll('.' + nickname)
        console.log(nicks)
        for(var i = 0, length = nicks.length; i < length; i++){
        	nicks[i].title = "Администратор " + nickname;
            nicks[i].style.color = "red";
        }	
    }
}
document.getElementById('send').onclick = xLoad