JSFiddle - React, Tailwind, and code Playground
HTML
<div id='div'></div>
CSS
div {
margin: 10px;
border: 1px solid black;
font-family: Courier;
padding: 5px;
height: 200px;
width: 400px;
overflow: scroll;
}
JavaScript
const txt = `«Я не люблю» — авторская песня Владимира Высоцкого. Текст произведения полностью построен как рассказ о поступках и явлениях жизни, к которым автор относится негативно, таким образом представляя собой в концентрированной форме характерный для творчества Высоцкого приём выражения отношения через отрицание.
Песня, написанная в 1969 году (изначально — для кинофильма «Опасные гастроли»), стала одним из самых известных произведений Высоцкого и рассматривается как его поэтическое кредо, мировоззренческий или даже политический манифест. Заметное место в истории исполнения «Я не люблю» занимает её включение в спектакль театра «Современник» «Свой остров», где её исполнял игравший главную роль Игорь Кваша. Известно от 240 до 250 прижизненных фонограмм песни, а также свыше 150 переводов более чем на 50 языков. Отдельные формулировки из её текста стали крылатыми выражениями. В опросах общественного мнения в России «Я не люблю» последовательно занимает места в числе самых любимых песен Высоцкого.`
let pos = 0
typeOne()
//////////////////////
function typeOne() {
div.textContent += txt[pos]
pos++
if(pos < txt.length) {
setTimeout(typeOne, 50)
}
}