49 lines
1.4 KiB
JavaScript
49 lines
1.4 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 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);
|