I’m working on a javascript project and need support to help me understand better.
When the game starts, div fall from the top.The player character is located below.You can control the character left and right only with the Keyboard arrows (the character is a div).The character can launch the falling div by pressing enter to make it disappear.There are randomly generated barriers to protect the character (the locations of the barriers change when the game is restarted) The character can hide under these barriers to protect themselves from the falling divs. After a 50 div is fired, a large div falls and moves randomly (its movement is unexpected).The large div fires continuously and randomly. The character wins if he is able to reach the big div stage and shoot him 20 rounds.Notes:When a falling divide hits one of the barriers, it will disappear. When a large div collides with one of the barriers, it will reverse direction. The character’s shots cannot cross barrier. A character loses when a div falls on it or is hit by a shot from a large div. The character wins after 20 shots over the big div (i.e. 70 shots total). It is possible to add effects such as changing the color of the shot if it collides with any div.i want the HTML , CSS and javascript in sperate filethe size of div width: 50px; height: 50px;and the div is just a box no pictureThe large div have the ability to fire shots and if the player(div) win there is alert you win the game
Requirements: 3