JSFiddle - React, Tailwind, and code Playground

by dmitry_konyshev

HTML

<h1 id="med" style="color: #159">?</h1>
<br/><br/>
Концентрация:
<h1 id="con" style="color: #C30">?</h1>
     
     <img src="https://1.bp.blogspot.com/-xTK5B1ya-08/X-rLbjCxqXI/AAAAAAAACwc/hf0gaKA3Nv8ZN67eYOXWAaINh22Y9PD4wCLcBGAsYHQ/w640-h480/%25D0%2591%25D0%25B5%25D0%25B7%25D1%258B%25D0%25BC%25D1%258F%25D0%25BD%25D0%25BD%25D1%258B%25D0%25B9.jpg" style = "width: 350px; height: 250px";>
     
   <div id="pic" style="background no-repeat; background-size: cover; position: absolute; top: 5; left: 0; width: 100%; height: 100%">
   
   </div>
 <p><font size="30" color="red" face="Arial">жёлтый</font></p>
  <p><font size="30" color="blue" face="Arial">красный</font></p>
   <p><font size="30" color="black" face="Arial">зелёный</font></p>
    <p><font size="30" color="yellow" face="Arial">синий</font></p>
     <p><font size="30" color="brown" face="Arial">белый</font></p>
      <p><font size="30" color="green" face="Arial">коричневый</font></p>
      <p><font size="30" color="pink" face="Arial">чёрный</font></p>
      <p><font size="30" color="orange" face="Arial">фиолетовый</font></p> 
      <p><font size="30" color="red" face="Arial">зелёный</font></p>
      <p><font size="30" color="blue" face="Arial">жёлтый</font></p>

JavaScript

var neuroplay = null;

function bci(data)
{
	$("#med").html(data.meditation);

//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="Супер!!!!!!! На сегодня достаточно!!!!!!!";} */  
//}}
}

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