I need you to write the code just follow the description please and thank you.

Project 3 consists of creating a web game app. The purpose of project 3 is to use the knowledge of HTML, CSS, JavaScript and DOM to create a simple game app. Project 3 Game Rules: Guess a number between 1 and 100. The program will generate a secret number which will be hidden. Players need to guess the number by typing the number into a box (input element). Initial score is 10. High Score is 0. 1. When there is no input or invalid value, and user press check button, there is message showing no input or invalid value. 2. When user put a wrong number, and user press check button, message shows it is too low or too high. There is a score starting from 10 and will be decreasing by 1 every time when user guesses a wrong number. 3. When user put a correct number, background color changes, the secret number shows, background with of secret number changes, and high score will be updated with new high score or remain the same. Implement game rest functionality, so that the player can make a new guess! 1. Select the element with the 'Play' class and attach a click event handler 2. In the handler function, restore initial values of the 'score' and 'secret Number' variables 3. Restore the initial conditions of the message, number, score and guess input fields 4. Also restore the original background color and number's background width and color