為了方便排版除錯，所以容器有做填色。目前計算機只會顯示數字，無法做運算。在JavaScript花了太多時間，因為範例上的語法不知道為何無法正常運作。
| 項目 | 時間 |
|---|---|
| 計算機製作 | 4 hr 38 min |
| 鐵人賽發文 | 0 hr 10 min |
<!DOCTYPE.html>
<html lang="zh-tw">
<head>
<meta charset="UTF-8" >
<link rel="stylesheet" href="css/cal.css">
<script src="js/cal.js"></script>
<title> 切版</title>
</head>
<body>
<div class="bg">
<div class="srce"><p id="demo"></p></div>
<div class="btn">
<div class="num">
<button onclick="myFunction(1)">1</button>
<button onclick="myFunction(2)">2</button>
<button onclick="myFunction(3)">3</button>
<button onclick="myFunction(4)">4</button>
<button onclick="myFunction(5)">5</button>
<button onclick="myFunction(6)">6</button>
<button onclick="myFunction(7)">7</button>
<button onclick="myFunction(8)">8</button>
<button onclick="myFunction(9)" >9</button>
</div>
<div class="num1">
<button>+</button>
<button>-</button>
<button>/</button>
<button>x</button>
<button>=</button>
<button>0</button>
</div>
</div>
</div>
<div class="foot">
<div class="end">
<p>2018/11/23 creat</p>
</div>
</div>
</body>
</html>
function myFunction(num) {
document.getElementById("demo").innerHTML =num;
/*alert(num);*/
}
群體按鈕加上點擊事件，找不到適合範例，所以手動用打得。
畫面看起來恨繁雜，目前先求運作正常。
很抱歉沒有在今天完成，雖然邏輯懂但是語法找不到適合的。
排版也沒辦法直覺去做出來，總要多試幾次。
另外，明天有選舉鼓勵大家用選票表達意見。
感謝撥冗閱讀。
iThome鐵人賽
看影片追技術