老师好，请检查4-10代码，另外是否有优化空间

来源：4-10 编程练习

慕桂英1122475

2023-03-30 11:51:27

<!DOCTYPE html>
<html>
  <head lang="en">
    <meta charset="UTF-8" />
    <title>输入文本</title>
  </head>
  <body>
    <p>
      字数限制在30字内，<span>您还可以输入<b>30</b> 字</span>
    </p>
    <textarea cols="50" rows="7" id="text"></textarea>
    <script type="text/javascript">
      var textarea = document.getElementById("text");
      var b = document.getElementsByTagName("b")[0];
      var span = document.getElementsByTagName("span")[0];

      textarea.onkeyup = function getLength() {
        var textcount = textarea.value.length;
        var stillcan = 30 - textcount;
        if (stillcan >= 0) {
          b.innerHTML = stillcan;
        } else {
          span.innerHTML = "您已超出" + Math.abs(stillcan) + "字";
        }
      };
    </script>
  </body>
</html>

写回答

1回答