編程練習(xí)
小伙伴們，根據(jù)所學(xué)知識，實現(xiàn)網(wǎng)頁輸入框動態(tài)展現(xiàn)和字數(shù)計算，獲取焦點時，輸入框的高度增加， 失去焦點時，輸入框的高度減小，在輸入的時候，實時計算輸入的字數(shù)，并顯示出來。
溫馨提示:完成任務(wù)后，請驗證是否與實踐描述效果一致，如一致，恭喜您，你已經(jīng)掌握此技能，否則，請重復(fù)學(xué)習(xí)此節(jié)內(nèi)容。
任務(wù)
一、為輸入框添加獲取焦點事件， 增加高度
二、為輸入框添加失去焦點事件， 減少高度
三、為輸入框添加鍵盤彈起焦點事件， 計算字數(shù)
提示:
1. 取得輸入框的value的length屬性
2. 把顯示總數(shù)的節(jié)點的innerHTML更新
<!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');
//輸入框獲取焦點時
//輸入框失去焦點時
//輸入框鍵盤彈起時計算字數(shù)
}
</script>
</head>
<body>
<textarea id="txt"></textarea>
<p>你輸入了<span id="total">0</span>個字</p>
</body>
</html>
請驗證，完成請求
由于請求次數(shù)過多，請先驗證，完成再次請求
