HTML中的點(diǎn)贊功能在網(wǎng)頁開發(fā)中是非常常見的,它能夠讓用戶簡(jiǎn)單地表達(dá)對(duì)某個(gè)內(nèi)容的喜歡程度,也能夠方便地統(tǒng)計(jì)和展示點(diǎn)贊數(shù),下面是一個(gè)基本的點(diǎn)贊的HTML代碼:
<div> <button onclick="like()">點(diǎn)贊</button> <p id="likeCount">0</p> </div> <script> var count = 0; // 定義初始點(diǎn)贊數(shù)為0 function like() { count++; // 點(diǎn)贊數(shù)加1 document.getElementById("likeCount").innerHTML = count; // 修改點(diǎn)贊數(shù)展示的內(nèi)容 } </script>
在這個(gè)代碼中,使用了一個(gè)包含兩個(gè)子元素(一個(gè)按鈕和一個(gè)展示點(diǎn)贊數(shù)的p標(biāo)簽)的div元素,當(dāng)用戶點(diǎn)擊按鈕時(shí),會(huì)調(diào)用like()函數(shù),將點(diǎn)贊數(shù)(count)加1,并通過修改p標(biāo)簽的innerHTML屬性展示點(diǎn)贊數(shù)。
當(dāng)然,這只是一個(gè)非?;A(chǔ)的點(diǎn)贊代碼,實(shí)際開發(fā)中通常會(huì)涉及到更多的功能和邏輯,比如防止多次點(diǎn)擊、異步請(qǐng)求后端接口等,但是以上代碼可以作為點(diǎn)贊功能的入門代碼來進(jìn)行學(xué)習(xí)和擴(kuò)展。