Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
เขียนเกม XO (เอ็กซ์โอ) ด้วย HTML CSS JAVASCRIPT (ภาษาไทย)

เขียนเกม XO (เอ็กซ์โอ) ด้วย HTML CSS JAVASCRIPT (ภาษาไทย)

เรียนรู้ HTML CSS JAVASCRIPT ในการเขียนเกม เข้าใจง่าย สนุกไม่น่าเบื่อ
Last updated 8/2024
Thai

What you'll learn

  • เรียนรู้การเขียนโครงสร้างเกมด้วย HTML
  • เรียนรู้การตกแต่งความสวยงามและการจัดวางตำแหน่งหน้าเว็บด้วย CSS
  • เรียนรู้การเขียน JavaScript เพื่อควบคุมการทำงานและประมวลผลข้อมูลของเกม
  • เข้าใจการประยุกต์ใช้งาน HTML CSS JAVASCRIPT เพื่อพัฒนาเกมที่ทำงานบนเว็บไซต์

Course content

5 sections10 lectures3h 4m total length
  • แนะนำเกม XO (เอ็กซ์โอ)12:58

    กติกาการเล่น

    1. ผู้เล่น: เกมนี้มีผู้เล่น 2 คน คนแรกใช้เครื่องหมาย "X" และคนที่สองใช้เครื่องหมาย "O"

    2. ตาราง: ใช้ตารางขนาด 3x3 (รวมทั้งหมด 9 ช่อง)

    3. การเล่น: ผู้เล่นแต่ละคนผลัดกันวางเครื่องหมายของตัวเอง (X หรือ O) ในช่องว่างบนตาราง แต่ละรอบการเล่นมีเวลา 30 วินาที

    4. การชนะ: ผู้เล่นคนใดที่สามารถวางเครื่องหมายของตัวเองเรียงกันได้ 3 ช่องในแนวใดก็ได้ จะเป็นผู้ชนะ จะได้รับ 1 คะแนน

      • แนวนอน: เครื่องหมาย 3 ตัวเรียงในแถวเดียวกัน

      • แนวตั้ง: เครื่องหมาย 3 ตัวเรียงในคอลัมน์เดียวกัน

      • แนวทแยง: เครื่องหมาย 3 ตัวเรียงเป็นแนวทแยงจากมุมหนึ่งไปอีกมุมหนึ่ง

    5. การเสมอ: ถ้าทุกช่องในตารางเต็มและไม่มีผู้เล่นคนใดทำได้ตามเงื่อนไขการชนะ จะถือว่าเกมนี้เสมอกัน จะไม่มีใครได้คะแนน

    6. การปรับแพ้: หากผู้เล่นไม่เล่นในเวลา 30 วินาทีจะโดนปรับแพ้ในรอบนั้น และอีกคนจะได้คะแนน 1 คะแนน

    7. เกมจะเล่นทั้งหมด 10 รอบ ผู้เล่นที่ได้คะแนนรวมเยอะสุดจะเป็นผู้ชนะ

    8. คนที่แพ้จะได้เริ่มเล่นก่อนในรอบถัดไป

Requirements

  • เข้าใจการพื้นฐาน HTML
  • เข้าใจการพื้นฐาน CSS
  • เข้าใจการพื้นฐาน JavaScript

Description

สอนเขียนเว็บไซต์ด้วย HTML CSS JAVASCRIPT โดยการเขียนเกม XO (เอกซ์โอ)

กติกาการเล่นเกม XO

  1. ผู้เล่น: เกมนี้มีผู้เล่น 2 คน คนแรกใช้เครื่องหมาย "X" และคนที่สองใช้เครื่องหมาย "O"

  2. ตาราง: ใช้ตารางขนาด 3x3 (รวมทั้งหมด 9 ช่อง)

  3. การเล่น: ผู้เล่นแต่ละคนผลัดกันวางเครื่องหมายของตัวเอง (X หรือ O) ในช่องว่างบนตาราง แต่ละรอบการเล่นมีเวลา 30 วินาที

  4. การชนะ: ผู้เล่นคนใดที่สามารถวางเครื่องหมายของตัวเองเรียงกันได้ 3 ช่องในแนวใดก็ได้ จะเป็นผู้ชนะ จะได้รับ 1 คะแนน

    • แนวนอน: เครื่องหมาย 3 ตัวเรียงในแถวเดียวกัน

    • แนวตั้ง: เครื่องหมาย 3 ตัวเรียงในคอลัมน์เดียวกัน

    • แนวทแยง: เครื่องหมาย 3 ตัวเรียงเป็นแนวทแยงจากมุมหนึ่งไปอีกมุมหนึ่ง

  5. การเสมอ: ถ้าทุกช่องในตารางเต็มและไม่มีผู้เล่นคนใดทำได้ตามเงื่อนไขการชนะ จะถือว่าเกมนี้เสมอกัน จะไม่มีใครได้คะแนน

  6. การปรับแพ้: หากผู้เล่นไม่เล่นในเวลา 30 วินาทีจะโดนปรับแพ้ในรอบนั้น และอีกคนจะได้คะแนน 1 คะแนน

  7. เกมจะเล่นทั้งหมด 10 รอบ ผู้เล่นที่ได้คะแนนรวมเยอะสุดจะเป็นผู้ชนะ

  8. คนที่แพ้จะได้เริ่มเล่นก่อนในรอบถัดไป

Who this course is for:

  • นักเรียน นักศึกษาที่เริ่มต้นหัดเขียนเว็บไซต์
  • นักพัฒนาเว็บไซต์ที่ต้องการเรียนรู้หรือพัฒนาตัวเอง