HTML5--資料儲存之計算器【加減】
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>計算器</title> <script type="text/javascript" src="js/jquery-1.11.0.js" ></script> </head> <body> <button class="add">+</button> <button class="reduce">-</button> <p></p> <script> var num = 0 var b = localStorage.getItem("c") || num $("p").html(b) $(".add").click(function(){ b++ localStorage.setItem("c",b) $("p").html(b) }) $(".reduce").click(function(){ b-- if(b<0){ b = 0 localStorage.setItem("c",b) } localStorage.setItem("c",b) $("p").html(b) }) </script> </body> </html>