麻烦老师查看作业，谢谢。

来源：4-10 编程练习

DanielDu87

2022-07-22 22:01:47

<!DOCTYPE html>
<html lang="zh">
   <head>
      <meta charset="UTF-8">
      <title>输入文本</title>
   </head>
   <body>
      <p>字数限制在30字内，<span>您还可以输入<b>30</b>字</span></p>
      <label for="text">
         <textarea cols="50" rows="7" id="text"></textarea>
      </label>
      <script type="text/javascript">
         //补充代码
         var oTextarea = document.querySelector("textarea");
         var oSpan = document.querySelector("span");
         oTextarea.oninput = function () {
            var len = oTextarea.value.length;
            var wlen = 30 - len;
            console.log(wlen);
            if (wlen >= 0) {
               oSpan.innerHTML = "还可以输入<b>" + wlen + "</b>字";
            } else {
               oSpan.innerHTML = "超出<b>" + Math.abs(wlen) + "</b>字";
            }
         };
      </script>
   </body>
</html>

写回答

1回答