Schaltfläche anzeigen, wenn der Zeichenzähler 100 erreicht

Question

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>

Answer 1

您的代码具有工作所需的所有必要部分，但您已经像毕加索的画一样重新构建了它！在正确的位置进行一些剪切-复制-粘贴，就可以了！

   
      
      
   

   
      

      0/250
      



      

         Finalizare Curs