เกมเมืองใน JavaScript
มีเกมชื่อว่าเกมเมือง กฎกติกามีดังนี้: เกมนี้เล่นโดยสองคนหรือมากกว่า ผู้เล่นแต่ละคนผลัดกันตั้งชื่อเมืองจริงๆ ของประเทศใดก็ได้ โดยชื่อเมืองนั้นต้องขึ้นต้นด้วยตัวอักษรที่ลงท้ายของชื่อเมืองที่ผู้เล่นก่อนหน้านี้พูด
มาเริ่มสร้างเกมนี้กัน ให้มีผู้เล่นสองคนใช้คอมพิวเตอร์เครื่องเดียวกันเล่น พวกเขาผลัดกันเล่น กรอกชื่อเมืองในช่องอินพุตเดียวและส่งโดยการกดปุ่ม Enter
เบราว์เซอร์จะต้องจำเมืองที่ถูกใช้ไปแล้ว และไม่ยอมรับเมืองนั้นซ้ำ
มาเริ่มทำโครงร่างง่ายๆ ของโปรเจกต์เรากัน เราจะมีช่องอินพุตสำหรับกรอกชื่อเมืองและ div สำหรับแสดงข้อความจากเบราว์เซอร์:
<input id="field">
<div id="message"></div>
เราสามารถเก็บองค์ประกอบเหล่านี้ลงในตัวแปรได้ทันที:
let field = document.querySelector('#field');
let message = document.querySelector('#message');
ตอนนี้มาพูดถึงขั้นตอนการนำโปรเจกต์นี้ไปใช้จริง ในบทเรียนที่ผ่านมา ผมแบ่งโปรเจกต์ออกเป็นขั้นตอนเอง เพื่อให้งานของคุณง่ายขึ้น สำหรับโปรเจกต์นี้ ผมอยากให้คุณลองทำเองก่อน
เขียนบรรยายงานย่อยที่ต้องแก้เพื่อนำโปรเจกต์นี้ไปใช้