4-10.麻烦老师检查一下！

来源：4-10 编程练习

脑袋瓜瓜嗡嗡的

2022-06-10 18:08:23

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        window.onload = function(){
            var changeText = document.getElementsByTagName("span")[0];
            var changeNumber = document.getElementsByTagName("b")[0];
            var txtarea = document.getElementsByTagName("textarea")[0];

            txtarea.onkeyup = function(){
                var txtLength = txtarea.value.length;
                if(txtLength<=30){
                    changeText.innerText = "还可以输入";
                    changeNumber.innerText = 30-txtLength;

                }else{
                    changeText.innerText = "已超出";
                    changeNumber.innerText = txtLength-30;
                }
            }
        }
    </script>
</head
>
<body>
    <label for="">字数限制在30字内，您<span>还可以输入</span><b>30</b>字</label><br>
    <textarea name="" id="txtInput" cols="30" rows="10"></textarea>
</body>
</html>

写回答

1回答