script.js

document.addEventListener("DOMContentLoaded", function() {
    const subtitleElement = document.querySelector('.subtitle');
    const textArray = ["Femboy-", "Catboy-", "Developer-","Boykisser-"];
    let index = 0;
    let charIndex = 0;
    const typingSpeed = 300;
    const eraseSpeed = 150;

    function animateText() {
        const currentWord = textArray[index];
        if (charIndex === currentWord.length) {
            setTimeout(eraseText, eraseSpeed);
            return;
        }
        const currentText = currentWord.slice(0, charIndex) + '|';
        if (currentText !== subtitleElement.innerText) {
            subtitleElement.innerText = currentText;
        }
        charIndex++;
        setTimeout(animateText, typingSpeed);
    }

    function eraseText() {
        if (charIndex === 0) {
            index = (index + 1) % textArray.length;
            setTimeout(animateText, typingSpeed);
            return;
        }
        const currentWord = textArray[index];
        const currentText = currentWord.slice(0, charIndex - 1) + '|';
        if (currentText !== subtitleElement.innerText) {
            subtitleElement.innerText = currentText;
        }
        charIndex--;
        setTimeout(eraseText, eraseSpeed);
    }

    let counterLabel = document.querySelector('.counter-text')
    fetch('https://nyawtism.com/counters/inc/nyawaiGithubVisitorCounter')
    .then(response => response.json())
    .then(data => { counterLabel.innerHTML = data.visitors })

    animateText();
});