abstract：輸入文字同步更新還剩多少字可以輸入，要給輸入框?qū)ο蠼壎╫nkeyup事件<div class="box"> <img src="image/font.png"> <div class="box1"> 還可輸入<span id="num

輸入文字同步更新還剩多少字可以輸入，要給輸入框?qū)ο蠼壎╫nkeyup事件

<div class="box">
		<img src="image/font.png">
		<div class="box1">
			還可輸入<span id="number">140</span>字
		</div>
		<div class="clear"></div>
		<textarea id="news"></textarea>
		<dvi class="clear"></dvi>
		<div class="box2">
			<span id="span1">表情</span>
			<span id="span2">圖片</span>
			<span id="span3">視頻</span>
			<span id="span4">話題</span>
			<span id="span5">頭條文章</span>
			<button id="bt">發(fā)布</button>			
		</div>
		<div class="clear"></div>
	</div>

var text,number,m;
	window.onload = function(){
		var text = document.getElementById('news');
		var number = document.getElementById('number');
		var bt = document.getElementById('bt');
		text.onkeyup = function(){
			m = 140-text.value.length;
			if(m<0){
				number.style.color = "red";
			}
			number.innerHTML = m;
		}
		bt.onclick = function(){
			if(m==140){
				alert("您還沒有輸入任何內(nèi)容");
				text.focus();
			}else if(m<0){
				alert("字?jǐn)?shù)太多");
				text.focus();
			}else{
				alert("發(fā)布成功");
			}
		}

	}

Correcting teacher：滅絕師太Correction time：2018-11-13 09:12:44
Teacher's summary：完成的不錯，有自己思考問題，老師代碼中的aa（）是多余是的，很棒……繼續(xù)保持