สวัสดีครับ มาถึงข้อที่ 2 ของแบบฝึกหัด Javascipt และ jQuery ในข้อนี้เราจะมาเพิ่มฟีเจอร์ให้กับ โจทย์ข้อที่ 1 ที่เราได้ทำไปแล้วกัน เพิ่มอีกนิดๆ หน่อยๆ ไม่ยากเกินความสามารถแน่นอนครับ ความรู้ที่ต้องใช้เพิ่มเติมในข้อนี้คือเรื่อง If และ CSS อีกนิดหน่อยเท่านั้นเองครับผม
โจทย์
จงเพิ่มฟีเจอร์ให้กับเว็บไซต์ในข้อที่ 1 โดยให้มีการทำงานเพิ่มเติมดังนี้
1) เมื่อค่าที่แสดงมีค่า ระหว่าง 6 - 9 ค่านั้น จะแสดงด้วย " สีเหลือง "
2) เมื่อค่าที่แสดงมีค่า ตั้งแต่ 10 เป็นต้นไป จะแสดงด้วย " สีแดง "
ตัวอย่าง เมื่อเริ่มต้นรันหน้าเว็บไซต์
ตัวอย่าง เมื่อกดปุ่ม + ค่านั้นจะแสดงด้วย " สีดำ "
ตัวอย่าง เมื่อค่านั้น มีค่าระหว่าง 6 - 9 ค่านั้นจะแสดงด้วย " สีเหลือง "
ตัวอย่าง เมื่อค่านั้น มีค่าตั้งแต่ 10 เป็นต้นไป ค่านั้นจะแสดงด้วย " สีแดง "
ตัวอย่าง เมื่อค่านั้น ไม่ตรงกับเงื่อนไข 6 - 9 หรือ มีค่าตั้งแต่ 10 เป็นต้นไป จะกลับมาเป็น " สีดำ "
เอาล่ะครับ ข้อที่สองของแบบฝึกหัด Javascript & jQuery มีการเพิ่มฟีเจอร์เข้ามานิดหน่อย เพื่อฝึกพื้นฐาน Logic เบื้องต้น และ การใช้ CSS พื้นฐาน ไม่ยากเกินความสามารถแน่นอนครับ
ส่วนถ้าใครยังทำไม่เป็น ก็แนะนำให้เรียน 3 คอร์ส นะครับ รับรองเป็นแน่นอน
1) Full Course [ HTML + CSS + MYSQL + PHP ]
2) Javascript Basic
3) jQuery Basic
