erika/php/script.js

function interaktiv(){
    const zl = document.getElementById('zeichen');
    const tf = document.getElementById('texta');
    const sl = document.getElementById('sekunden');
    const bs = document.getElementById('bsenden');
    


    var updZeichen = (target) =>{
        const maxLength = target.getAttribute("maxlength");
        const currentLength = target.value.length;
        zl.innerText = `Zeichen: ${currentLength}/${maxLength} `;
        if (currentLength >= maxLength) {
            zl.innerText += " (länger geht nicht!)";
            return; // console.log("You have reached the maximum number of characters.");
        }
    }

    tf.addEventListener("input", (event) => {
            const target = event.currentTarget;
            updZeichen(target);

            // tf.ononkeyup = function(ev){ 
            //     zl.innerText = "Zeichen: "+ tf.textContent.length;
            // }
        });

    var updateZeit = ()=>{
        var diff = (window.letztesMal + window.pauseZeit) - Date.now();
        var sek = Math.floor(diff / 1000);
        if(sek <= 0) {
            bs.disabled = false;
        }
        else
        {
            bs.disabled = true;
        }
        sek = Math.max(0,sek);
        sl.innerText = "Sekunden bis zum nächsten Senden: " + sek;
    }

    setInterval(updateZeit, 200);
    updZeichen(tf);
}


document.onload = interaktiv().bind(this);