script.js

const typedText = document.querySelector('.typed-text');
    const cursor = document.querySelector('.cursor');
    const words = ["Versatile", "Cool", "Life", "Fun", "Awesome", "Fast", "Famous"];
    const typingDelay = 100;
    const erasingDelay = 100;
    const newLetterDelay = 1000;
    let index = 0;
    let charIndex = 0;

    document.addEventListener("DOMContentLoaded", () => {
        if (words.length) {
            setTimeout(typeText, newLetterDelay);
        }
    });

    function typeText() {
        if (charIndex < words[index].length) {
            typedText.textContent += words[index].charAt(charIndex);
            charIndex++;
            setTimeout(typeText, typingDelay);
        } else {
            setTimeout(erase, newLetterDelay);
        }
    }

    function erase() {
        if (charIndex > 0) {
            typedText.textContent = words[index].substring(0, charIndex - 1);
            charIndex--;
            setTimeout(erase, erasingDelay);
        } else {
            index++;
            if (index >= words.length) {
                index = 0;
            }
            setTimeout(typeText, newLetterDelay + 1000);
        }
    }