微博點贊是一個非常常見的社交功能，在實現上難度并不大。HTML微博點贊代碼一般包括三個部分：點贊按鈕、點贊數量和點贊狀態。

<!-- 點贊按鈕 -->
<button id="likeButton" onclick="like(this)">
<i class="fa fa-thumbs-up"></i> 點贊
</button>
<!-- 點贊數量 -->
<p id="likeNum" class="likeNum">99</p>
<!-- 點贊狀態 -->
<p id="likeStatus" class="likeStatus hasLiked"><i class="fa fa-thumbs-up"></i> 已贊</p>

上面的HTML代碼中，我們首先定義了一個點贊按鈕，包括一個按鈕標簽和一個按鈕圖標。點擊按鈕后會執行一個名為“like”的JavaScript函數。其次，我們定義了一個點贊數量，包括一個段落標簽和一個類名為“likeNum”的css樣式。最后，我們定義了一個點贊狀態，包括一個段落標簽、一個類名為“likeStatus”的css樣式和一個贊圖標。點贊按鈕的點擊事件會使點贊狀態發生變化，從未贊到已贊，并且點贊數量加1。

// 定義JavaScript函數
function like(button) {
var num = document.getElementById("likeNum").innerHTML;
var status = document.getElementById("likeStatus");
if (status.classList.contains("hasLiked")) {
// 已經點贊，取消贊
button.innerHTML = '<i class="fa fa-thumbs-up"></i> 點贊';
document.getElementById("likeNum").innerHTML = parseInt(num) - 1;
status.classList.remove("hasLiked");
} else {
// 沒有點贊，加上贊
button.innerHTML = '<i class="fa fa-thumbs-up"></i> 已贊';
document.getElementById("likeNum").innerHTML = parseInt(num) + 1;
status.classList.add("hasLiked");
}
}

JavaScript函數實現了點贊的邏輯。當點贊狀態是已贊時，表示當前用戶已經點贊，此時需要執行取消贊的邏輯。當點贊狀態是未贊時，表示當前用戶還沒有點贊，此時需要執行加上贊的邏輯。函數中的關鍵點是對元素的操作，通過document對象的getElementById方法獲取到點贊數量和點贊狀態的元素，從而對它們進行修改。