計算器是各個領域中使用的必備工具，從簡單的算術計算到複雜的科學計算。使用 HTML、CSS 和 JavaScript 從頭開始建立計算器不僅可以增強您的編碼技能，還可以加深您對這些技術如何協同工作的理解。本指南將引導您建立一個可以執行加法、減法、乘法和除法的基本計算器。

HTML 結構：
HTML 包含一個帶有類別計算器的 div，其中包含計算機的顯示器和按鈕。
每個按鈕都有資料屬性（用於數字的 data-num 和用於操作的 data-op），以便於 JavaScript 選擇。
CSS 樣式：
CSS 樣式使計算器在螢幕上居中，設定顯示和按鈕的樣式，並提供懸停效果。
為等於按鈕添加了特定樣式以區別於其他按鈕。
JavaScript 功能：
JavaScript 處理按鈕點選、更新顯示並執行計算。
handleNumber 函數處理數字輸入和小數點。
handleOperator 函數處理操作，包括清除、等於和算術運算。
計算函數根據所選運算子執行算術運算。
updateDisplay 函數以目前輸入更新顯示。