JSFiddle - React, Tailwind, and code Playground

by YaroslavGolinskij

HTML

<h1>Рядок що біжить</h1>

<input type=text id="itt" onFocus='clearTimeout(to);this.value="";' onBlur='m_line();'>

CSS

h1 {text-align: center;}
#itt {
  width: 250px; 
  margin: 5px auto; 
  display: block;
}

JavaScript

var line="Текст що біжить у рядку введення...";
var speed=100; var i=0;
function m_line() {
el = document.getElementById('itt');
if(i++<line.length) el.value=line.substring(0,i);
else {
    el.value="";
    i=0;}
to=setTimeout("m_line()",speed);
}