JSFiddle - React, Tailwind, and code Playground

by Roman Ayapergenov

HTML

<h3 id="title">mathetes</h3>

CSS

* {
  background-color: #fff !important;
  color: #fff;
}

JavaScript

// В переменную title передаем содержание строки с id title
// Свойство textContent предоставляет доступ к тексту внутри элемента за вычетом всех <тегов>.
let title = document.getElementById('title').textContent;
// Создаем пустую переменную arr
let arr = [];
// Делаем цикл по длинне всей строки title
for (var i = 0; i < 3; i++) {
  // Делаем разбивку на элементы по всей длинне строки
  arr = title.split('', title.length)
		.map(i => `${i +  " "}`).join('');
    document.write("<h1>" + arr + "</h1>");
  // Метод indexOf осуществляет поиск подстроки
  // Метод вернет позицию первого совпадения, а если оно не найдено - то -1.
  // var x = arr.indexOf(i, 0);
  //     arr.splice(x, 1);


}