การแสดงผลลัพธ์ของฟังก์ชันเป็น HTML ใน JavaScript

คำอธิบาย

ใช้ document.getElementById().innerHTML เพื่อแสดงผลลัพธ์ของฟังก์ชันเป็น HTML

ตัวอย่างโค้ด

<div>
  <input type="text"><br>
  <input type="text"><br>
  <input type="radio"><br>
  <input type="text"><br>
  <input type="radio"><br>
</div>
<span id='totalNumberOfTextBox'></span>

<script>
function total_number_of_check_box() {
  var inputObj = document.getElementsByTagName("input");
  var counter = 0;
  for (var i = 0; i < inputObj.length; i++) {
    if (inputObj[i].type == "text") counter++;
  }
  document.getElementById('totalNumberOfTextBox').innerHTML = "Total Number of text box is=" + counter;
}
total_number_of_check_box();
</script>

ผลลัพธ์

แสดง "Total Number of text box is=4" ใน span