为什么定义全局变量len，就不出效果呢

来源：4-10 编程练习

WYW265672

2022-05-06 16:49:10

<!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>
</head>
<body>
    <p>字数限制在30字内，<span>您还可以输入<b>30</b> 字</span></p>
    <textarea cols="50" rows="7" id="text"></textarea>
    <script type="text/javascript">
        //补充代码
        var oB = document.getElementsByTagName('b')[0];
        var oSpan = document.getElementsByTagName('span')[0];
        var oText = document.getElementById('text');
        oText.oninput = function () {
            // len如果定义在函数外面，len就一直是0
            var len = oText.value.length;
            console.log(len);
            if (len <= 30) {
                oSpan.innerHTML = '您还可以输入<b>' + (30 - len) + '</b>字';
            } else {
                oSpan.innerHTML = '您已超出<b>' + (len - 20) + '</b>字';
            }
        };
       
    </script>
</body>
</html>

老师请详细讲一下，不明白

写回答

1回答