js點選按鈕數字加1效果程式碼例項

admin發表於2017-12-04
JS

本章節分享一段程式碼例項，它實現了點選按鈕數字加1效果。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript">
window.onload=function() {
  var odiv = document.getElementById("antzone");
  var obt = document.getElementById("bt");
  var count = 0;
  obt.onclick = function () {
    count = count + 1;
    odiv.innerHTML = count;
  }
}
</script>
</head>
<body>
<div id="antzone">0</div>
<input type="button" id="bt" value="檢視效果"/>
</body>
</html>

上面的程式碼實現數字累加的功能，程式碼非常的簡單，這裡就不多介紹了。

但是說實話上面這種程式碼基本沒有任何用處，也就是作為學習知識點之用。

通常情況下，都是需要通過ajax和後臺資料進行互動，實現數字加1效果。

具體可以參閱ajax點選按鈕能夠實現數字加1功能一章節。

相關文章