Afficher le bouton lorsque le compteur de caractères atteint 100
P粉738821035
P粉738821035 2024-04-02 18:03:39
0
1
537

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>

P粉738821035
P粉738821035

répondre à tous(1)
P粉194919082

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é !


   
      
      ΤΙΤΛΟΣ
   

   
      
0/250


sssccc
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal