当字符计数器达到 100 时显示按钮
P粉738821035
P粉738821035 2024-04-02 18:03:39
0
1
489

尝试做一个测验页面,我需要在文本区域中写入最少字符数后显示“提交”按钮。这是我尝试过但无法使其发挥作用的方法。

<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

全部回复(1)
P粉194919082

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


   
      
      ΤΙΤΛΟΣ
   

   
      
0/250


sssccc
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!