by Laurence Svekis | Released January 2019 | ISBN: 9781789953756

JavaScript DOM Document Object Model - explore how to manipulate elements while building a fun interactive gameAbout This VideoLearn to use JavaScript and create elements dynamicallyLearn to manipulate elements using JavaScriptIn DetailThis fully dynamic, step-by-step course teaches you how you can use JavaScript to develop a fun interactive clicking game from scratch. The source code is included to get you started quickly. A fun and exciting way to learn and practice JavaScript.Course CoversSetting up your development environmentBuilding your HTML page structure for your applicationUsing JavaScript to turn elements into JavaScript objectsAdding event handlers to elements to make them interactiveBuilding a dynamic game board grid of elements using JavaScriptCreate elementsCreate a gameplay with dynamic contentGet game data from JSON files using fetchUpdate and interact with page elementsApply game logic to score and win gamesTweak and update gameplayCode review of all functions used within the gameAll code files for this course are available on: https://github.com/PacktPublishing/JavaScript-Game-Exercise---Quick-Click-Popper-GameDownloading the example code for this course: You can download the example code files for all Packt video courses you have purchased from your account at http://www.PacktPub.com. If you purchased this course elsewhere, you can visit http://www.PacktPub.com/support and register to have the files e-mailed directly to you. Show and hide more

1. Chapter 1 : JavaScript Exercise building a mini game from scratch
   • JavaScript Game Introduction 00:01:57
   • Developer Setup Text Editor and Browser 00:03:05
   • Setup HTML page 00:02:47
   • Select Elements JavaScript DOM 00:05:33
   • Setup Player Stats update HTML. 00:03:26
   • Handle Button Click. 00:03:45
   • Get Game Data 00:05:45
   • CSS with Start Game 00:05:18
   • Add Elements JavaScript 00:08:05
   • Game Play Starter 00:06:05
   • Make Element Clickable JavaScript 00:05:47
   • Dynamic Add random Icon 00:05:12
   • Add Score Elements JavaScript 00:03:17
   • Game Over JavaScript 00:04:44
   • JavaScript Project - Final Code Review 00:12:56
Show and hide more