abstract：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> &
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div{width: 500px; background: #eee; padding:5px 20px; margin: 0px auto;}
p{text-align: right; color: #666;}
span{}
textarea{border: 1px solid #ddd; text-align: left; background: #fff; width: 500px; height: 120px; padding: 10px; font-size: 14px; box-sizing: border-box;}
button{border: none; background: #ffa200; color: #fff; width: 120px; height: 40px;}
</style>
</head>
<body>
<div>
<p>您還可以輸入<span id="number">140</span>個(gè)字</p>
<textarea id="text"></textarea>
<p><button id="btn">確認(rèn)提交</button></p>
</div>
<script type="text/javascript">
var number,text,btn,surplus
window.onload=function(){
number = document.getElementById('number');
text = document.getElementById('text');
btn = document.getElementById('btn');
surplus = 140;
text.onkeyup=function (){
surplus =140 - text.value.length;
number.innerHTML=surplus;
if(surplus<=0){
number.style.color="#f00";
}else{
number.style.color="#666";
}
}
btn.onclick=function(){
if(surplus==140){
alert("您還沒(méi)有輸入內(nèi)容");
text.focus();
}else if(surplus<0){
alert("您輸入的內(nèi)容已超出限定字?jǐn)?shù)");
text.focus();
}
else{
alert("您已發(fā)布成功");
text.value="";
number.innerHTML=140;
}
}
}
</script>
</body>
</html>
Correcting teacher：查無(wú)此人Correction time：2019-04-16 10:00:31
Teacher's summary：完成的不錯(cuò)。var number,text,btn,surplus 這行代碼沒(méi)有加;號(hào)。記得每行結(jié)束都需要加。繼續(xù)加油。