Web開發中有很多常用的網頁元素，其中一個是點贊功能。點贊功能是很多社交媒體平臺必不可少的元素。下面是我記錄的HTML點贊代碼示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>點贊</title>
<style>
/* 點贊按鈕的樣式 */
.like-btn {
display: inline-block;
padding: 10px;
border-radius: 10px;
background-color: lightgray;
cursor: pointer;
}
/* 點贊后的樣式，可以根據自己的需求修改 */
.liked {
background-color: pink;
font-weight: bold;
}
</style>
</head>
<body>
<div id="like-container">
<span id="like-count">0</span>
<button id="like-btn" class="like-btn" onclick="like()">點贊</button>
</div>
<script>
const likeCount = document.querySelector("#like-count");
const likeBtn = document.querySelector("#like-btn");
let counter = 0;
function like() {
counter++;
likeCount.innerText = counter;
likeBtn.classList.toggle("liked");
}
</script>
</body>
</html>以上代碼中，使用了HTML、CSS和JavaScript來實現點贊功能。頁面中有一個按鈕，當用戶點擊按鈕時，點贊數會增加，同時按鈕的外觀也會發生變化，以提示用戶當前狀態。