编程练习，人人网评论功能教程-慕课网

编程练习

小伙伴们，根据所学知识，实现网页输入框动态展现和字数计算，获取焦点时，输入框的高度增加，失去焦点时，输入框的高度减小，在输入的时候，实时计算输入的字数，并显示出来。

温馨提示:完成任务后，请验证是否与实践描述效果一致，如一致，恭喜您，你已经掌握此技能，否则，请重复学习此节内容。

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        textarea {
            width: 200px;
            height: 20px;
        }
    </style>
    <script type="text/javascript">
        window.onload = function () {
 
            //获取元素
            var txt = document.getElementById('txt');
            var total = document.getElementById('total');
 
            //输入框获取焦点时
 
 
            //输入框失去焦点时
 
 
            //输入框键盘弹起时计算字数
 
        }
 
    </script>
</head>
<body>
<textarea id="txt"></textarea>
<p>你输入了<span id="total">0</span>个字</p>
</body>
</html>