J'essaie de créer une page de quiz où je dois afficher un bouton "Soumettre" après avoir écrit un nombre minimum de caractères dans la zone de texte. Voici ce que j'ai essayé mais je n'ai pas réussi à le faire fonctionner.
<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>
Votre code contient toutes les parties nécessaires pour fonctionner, mais vous l'avez restructuré comme un tableau de Picasso ! Un petit copier-coller aux bons endroits et le tour est joué !