JSFiddle - React, Tailwind, and code Playground

by scrii

HTML

<h1 id="txt" style="color: #008B8B">Расслабьтесь.</h1>
<br/><br/>
<h2 id="med" style="color: #159">...</h2>
<br/><br/>
<h1 style="color: #2F4F4F">Ваш текущий показатель:</h1>
<h1 id="num" style="color: #2F4F4F0">0</h1>

JavaScript

var neuroplay = null;

function bci(data){

while(true){
document.getElementById("num").innerHTML=data.meditation;

if (data.meditation<50) {document.getElementById("med").innerHTML="Пожалуйста повысьте еще на "+(50-data.meditation);}

if (data.meditation==50) {document.getElementById("med").innerHTML="Осталось еще немного!!!";}

if (50<data.meditation<80) {document.getElementById("med").innerHTML="Ты молодец!!! Продолжай в том же духе!!!";}

if (data.meditation>=80) {document.getElementById("med").innerHTML="Супер!!!!!!! На сегодня достаточно!!!!!!!";break;}   
}}

$(function() 
{
    neuroplay = new NeuroplayConnector();
    neuroplay.connect();
    neuroplay.on('bci', bci);
    setInterval(function() { neuroplay.send('bci'); }, 10); // запрашивает каждую секунду
});