จากคำถามของสมาชิกเพจ To Be Developer ว่าจะทำยังไงให้รายการทั้งหมดซ่อนไว้ก่อน แล้วเมื่อค้นหาถึงจะแสดงรายการที่ตรงกันออกมา เพราะแบบเดิมเริ่มต้นจะแสดงทั้งหมดเลย ซึ่งวิธีการที่ผมใช้ก็คือ คัดลอกซอร์สโค้ด JavaScript เดิมที่ใช้ค้นหา เอามาเฉพาะส่วนของการวนลูป for() จากนั้นก็สั่งให้ซ่อนเนื้อหาทั้งหมด โดยเก็บไว้ในฟังก์ชั่น resetList() function resetList(){ var input, filter, ul, li, a, i; input = document.getElementById("myInput"); filter = input.value.toUpperCase(); ul = document.getElementById("myUL"); li = ul.getElementsByTagName("li"); for (i = 0; i < li.length; i++) { li[i].style.display = "none"; } } จากนั้นก็นำไปไว้ส่วนท้ายสุดของ JavaScript เพื่อเรียกใช้งานเมื่อหน้าเว็บโหลดจนสมบูรณ์เรียบร้อย ตำแหน่งที่ว่าก็คือ ก่อนปิดแท็ก </body> นั่นเอง resetList(); </script> </body> ...