Schaltfläche anzeigen, wenn der Zeichenzähler 100 erreicht
Ich versuche, eine Quizseite zu erstellen, auf der ich eine Schaltfläche „Senden“ anzeigen muss, nachdem ich eine Mindestanzahl von Zeichen in den Textbereich geschrieben habe. Folgendes habe ich versucht, konnte es aber nicht zum Laufen bringen.
<textarea name="tweet" id="textbox"
rows="13" cols="70" placeholder="" maxlength="250"></textarea><br>
<span id="char_count">0/250</span>
<script>
let textArea = document.getElementById("textbox");
let characterCounter = document.getElementById("char_count");
const minNumOfChars = 0;
const maxNumOfChars = 250;
var text = document.getElementById("buton");
const countCharacters = () => {
let numOfEnteredChars = textArea.value.length;
let counter = minNumOfChars + numOfEnteredChars;
characterCounter.textContent = counter + "/250";
};
textArea.addEventListener("input", countCharacters);
if (counter > 100 ) {
text.style.display = "block";
}
else {
}
</script>
<br><br><br>
<div>
<button class="NextStep" id="buton" style="display:none"
onclick="NextStep()">Finalizare Curs</button>
</div>
<script>
function NextStep() {
location.href =("Cursuri.html")
}
</script>