Book Image

Build the Game of Life Using JavaScript [Video]

By : Elisabeth Robson, Eric Freeman
Book Image

Build the Game of Life Using JavaScript [Video]

By: Elisabeth Robson, Eric Freeman

Overview of this book

JavaScript frameworks are great tools for building mobile apps. They’re efficient, lower development costs, and tend to have the security benefits that come with large, active communities of developers. In this course, we’ll build the Game of Life, a project that takes you through building a generative, cellular automaton game from start to finish in a one-page app using HTML, CSS, and JavaScript. This project is a great way for you to integrate your skills with markup, style, and behavior by creating an interactive and dynamic application right in your browser. In this project, we’ll make heavy use of the DOM, events, timing, and simple logic to create a truly generative application. By the end of this course, we’ll be able to build a creative and completely running gaming application with JavaScript. All the code files and resources for this course are available at https://github.com/PacktPublishing/Build-the-Game-of-Life-Using-JavaScript
Table of Contents (6 chapters)
Chapter 3
Interact with the Grid
Content Locked
Section 5
Handle Button Clicks
The grid is in place, and we can add live cells to the game; now it's time to get the buttons set up. We'll begin by getting the button handlers in place, and the initial button states working. Then, in later lessons, we'll start filling in the game play. Before we dive into the button handler code though, prepare by making sure you know exactly how the buttons are going to work. The buttons give us a way of controlling the flow of the Game of Life—we can start the game, stop it, or continue computing new generations. We can also wipe the grid clear and start over. This lesson's video takes you through the functionality of the buttons in detail so you'll be ready to implement the code.