Подскажите пожалуйста как сделать так, что-бы когда текст набирался перед ним был курсор? и когда текст закончился курсор пропал? Спасибо
function writeTextByJS(id, text, speed) {
const ele = document.querySelector('.main-home__subtitle');
const txt = text.join("").split("");
var interval = setInterval(function () {
if (!txt[0]) {
return clearInterval(interval);
};
ele.innerHTML += txt.shift();
}, speed != undefined ? speed : 80); //скорость
return false;
};
writeTextByJS(
".main-home__subtitle", //селектор
[
"TeXT TeXT TeXT \n",
"TeXT TeXT TeXT TeXT \n"
]
);
.main-home__subtitle{
font-size: 30px;
max-width: 300px;
}
<div class="main-home__subtitle"></div>