HTML部分:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>简单计算器</title>
<link rel="stylesheet" type="text/css" href="cal.css">
<script type="text/javascript" src="cal.js"></script>
</head>
<body>
<p class="container">
<input type="text" id="txt" class="txt"/>
<p>
<ul>
<li><button>1</button></li>
<li><button>2</button></li>
<li><button>3</button></li>
<li><button>4</button></li>
</ul>
<ul>
<li><button>4</button></li>
<li><button>5</button></li>
<li><button>6</button></li>
<li><button>-</button></li>
</ul>
<ul>
<li><button>7</button></li>
<li><button>8</button></li>
<li><button>9</button></li>
<li><button>*</button></li>
</ul>
<ul>
<li><button>0</button></li>
<li><button>清除</button></li>
<li><button>=</button></li>
<li><button>/</button></li>
</ul>
</p>
</p>
</body>
</html>
PHP中文网2017-04-10 15:03:54
for
循环已经跑完了。所以i = 16
了。Btn[i].innerHTML = Btn[16].innerHTML
。正确代码:
for (var i = 0; i < Btn.length; i++) {
Btn[i].onclick = function(){
alert(this.innerHTML);
};
};
大家讲道理2017-04-10 15:03:54
for(var i=0; i<btn.length;i++){
(function(k){
btn[k].onclick=function(){
alert(btn[k].innerHTML)
}
})(i)
}
闭包