Samopiszący i usuwający się tekst na ekanie JS

Question

Witam! Chciałem napisać skrypt JS, który najpierw pisze tekst na ekranie, a po chwili go usuwa. Niestety coś poszło nie tak i kod wypisuje tekst normalnie, ale usuwa go natychmiastowo. Od razu dodam: w konsoli nie ma błędów, jestem początkujący ;).

var small_header = document.querySelector('.small-header');
var textToType = '/* You can code it! */';
var letter_remove = textToType.length;

function remove() {
    var remove_interval = setInterval(() => {
    letter_remove--;
    var remove_text = textToType.slice(letter_remove, 1);
    small_header.innerHTML = remove_text;
        if(letter_remove >= 0) {
        clearInterval(remove_interval);
        setTimeout(() => {
            write(textToType);
        }, 2000);
      }
   }, 100);
}

function write(text) {
    var currentIndex = 0;
    var interval = setInterval(() => {
        small_header.innerHTML += text.charAt(currentIndex);
        currentIndex++;

        if(currentIndex >= textToType.length) {
            clearInterval(interval);
            setTimeout(() => {
                remove();
            }, 4000);
        }
    }, 100);
}

write(textToType);

 

Answer 1

Metoda slice() może przyjmować dwa parametry. Pierwszy to indeks (liczony od zera) od którego zaczyna się wydobywanie, a drugi to Indeks (liczony od zera) przed którym kończy się wydobywanie. Jeżeli parametr ten ma wartość ujemną to określa odległość od końca tablicy.

Idąc ty tokiem rozumowania

slice(0,-1) wydobywa kolejne elementy od pierwszego do przedostatniego. A więc to co jest Ci potrzebne przy każdym powtórzeniu funkcji remove(). Ale musi to być wywołanie slice(0,-1) na kopii twojego tekstu i zapisanie go do tej samej kopi, ponieważ ta metoda zwraca kopię tekstu, na którym została wywołana. W ten sposób otrzymasz swój tekst za każdym razem krótszy o jeden znak. Jednoczesne wyświetlenie KOPII tekstu spowoduje wrazenie kasowania znaków od końca.

Powodzenia.

Answer 2

var remove_text = textToType.slice(0, letter_remove);

i jak wywolujesz write to 

textToType = '/* You can code it! */';
letter_remove = textToType.length;