45 lines
1.3 KiB
JavaScript
45 lines
1.3 KiB
JavaScript
|
|
function interaktiv(){
|
|
const zl = document.getElementById('zeichen');
|
|
const tf = document.getElementById('texta');
|
|
const sl = document.getElementById('sekunden');
|
|
const bs = document.getElementById('bsenden');
|
|
|
|
|
|
|
|
var upd = (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;
|
|
upd(target);
|
|
|
|
// tf.ononkeyup = function(ev){
|
|
// zl.innerText = "Zeichen: "+ tf.textContent.length;
|
|
// }
|
|
});
|
|
|
|
setInterval( event=>{
|
|
var diff = (window.letztesMal + 5000) - Date.now();
|
|
var sek = Math.floor(diff / 1000);
|
|
if(sek == 0) {
|
|
bs.disabled = false;
|
|
}
|
|
if(sek < 0)
|
|
return;
|
|
sl.innerText = "Sekunden bis zum nächsten Senden: " + sek;
|
|
}, 100);
|
|
|
|
upd(tf);
|
|
}
|
|
|
|
|
|
document.onload = interaktiv().bind(this);
|