完成微博输入字数

原创 2018-11-13 06:13:51 210
摘要:输入文字同步更新还剩多少字可以输入,要给输入框对象绑定onkeyup事件<div class="box"> <img src="image/font.png"> <div class="box1"> 还可输入<span id="num

输入文字同步更新还剩多少字可以输入,要给输入框对象绑定onkeyup事件

b.png

<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">发布</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("您还没有输入任何内容");
				text.focus();
			}else if(m<0){
				alert("字数太多");
				text.focus();
			}else{
				alert("发布成功");
			}
		}

	}


批改老师:灭绝师太批改时间:2018-11-13 09:12:44
老师总结:完成的不错,有自己思考问题,老师代码中的aa()是多余是的,很棒……继续保持

发布手记

热门词条