请老师检查下代码，是否还有优化空间？

来源：4-10 编程练习

不厌_

2021-06-15 14:34:51

相关代码：

<!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 text = document.getElementById('text');
        var b = document.getElementsByTagName('b')[0];
        var span = document.getElementsByTagName('span')[0];
        // 第二步，定义变量font_num,接受可输入的总字数为30;
        var font_num = 30;
        // 定义变量input_num接受输入的内容长度;定义变量num为可继续输入内容的长度
        // 监听键盘按键松开事件,并根据可继续输入内容长度更改提示
        text.onkeyup = function () {
            var input_num = text.value.length;
            var num = font_num - input_num;
            if (num >= 0) {
                span.innerHTML = '您还可以输入<b>'+(num) + '</b>字';
            } else {
                span.innerHTML = '您已超出了<b>'+(-num) + '</b>字';
            }
        }

    </script>
</body>

</html>