สไลเดอร์ข้อความด้วย JavaScript
ในส่วนนี้เราจะทำการสร้างสไลเดอร์กัน เริ่มจากแบบที่ง่ายที่สุดก่อน แล้วค่อยๆ เพิ่มความซับซ้อนขึ้นเรื่อยๆ
เริ่มต้น เราจะทำสไลเดอร์ข้อความก่อน สไลเดอร์นี้ จะเป็น div ซึ่งข้อความภายในจะเปลี่ยนไป ทุกๆ วินาที:
<div id="slider"></div>
เราจะเก็บข้อความสำหรับสไลเดอร์ไว้ในอาร์เรย์:
let texts = ['text1', 'text2', 'text3'];
อัลกอริทึมการแก้ปัญหาจะเป็นดังนี้: ต้องเริ่มตัวจับเวลา ซึ่งทุกๆ วินาทีจะแทรกสมาชิกใหม่ของอาร์เรย์ เข้าไปใน div ของเรา — เริ่มจาก ตัวแรก ต่อด้วยตัวที่สอง แล้วก็ตัวที่สาม จากนั้น ก็กลับมาที่ตัวแรกอีกครั้ง และเป็นเช่นนี้ไปเรื่อยๆ เป็นวงกลม
โปรดทำให้สไลเดอร์ตามที่อธิบายไว้เป็นจริง
