HTML JS評論模板代碼
評論是現在很重要的交流方式之一,網站和博客都需要評論功能。使用HTML和JavaScript就能輕松實現評論的功能。下面是一個簡單的評論模板代碼。
首先,我們需要一個評論輸入框,這里使用了textarea標簽。我們使用了CSS樣式來設置評論框的大小和邊框樣式。這個評論框的id是comment,方便我們在JavaScript代碼中調用。
<textarea id="comment" rows="10" cols="50" placeholder="請輸入評論..." style="border: 1px solid gray; padding: 5px;"></textarea>接下來,我們需要一個提交按鈕來提交評論。這里使用了一個button標簽。這個按鈕的id是submit-btn,也是為了在JavaScript中調用方便。當點擊提交按鈕時,我們將調用JavaScript函數postComment()。
<button id="submit-btn" onclick="postComment()">提交評論</button>現在,我們開始編寫JavaScript代碼。我們首先獲取評論輸入框中的內容。然后,我們創建一個div元素來表示這個評論,將內容添加到這個div元素中,并將這個div元素添加到頁面上。
<script> function postComment() { var comment = document.getElementById("comment").value; var commentDiv = document.createElement("div"); commentDiv.innerHTML = comment; document.body.appendChild(commentDiv); } </script>這個模板代碼基本完成了。當我們把這個模板代碼添加到我們的網頁中,就可以看到評論框和提交按鈕了。當我們輸入評論并點擊提交按鈕時,就會在頁面上顯示我們剛剛輸入的評論。 <p>使用HTML和JavaScript可以輕松實現評論功能。使用這個簡單的評論模板代碼就可以在你的網站或博客中添加評論功能。</p>