finish coding a maze in HTML

Most of the coding is completed, just modifications are needed Create a new level (maze) Plan a new minimap maze with the minimum requirements being that the player must start in the lower right corner and finish in the upper left corner with at least one possible path to success. Success is defined by the player arriving at position 1,1. Implement the new map within the [login to view URL] script. The new maze is intended to replace the old. Create a heads-up display (HUD) at the top of the screen (using a new <DIV> element and associated CSS) that displays the following. The game title Player position (measured in cells (e.g., x=1,y=2 or x=4,y=5) Coding needs: a new method for the player object named showPosition() that captures the current position on each iteration of the game loop and displays the formatted text in the HUD Percentage of the distance to the goal (measured as %) completed at the current position Coding needs: you need to code an addition for the showPosition() method above that calculates the diagonal distance to the end of the maze from the current position, and then calculates the ratio of that current distance to the total distance (which is diagonal from position 1,1 to position 14,14). The result is then displayed as text in the HUD. For example, total distance on a diagonal from 14,14 to 1,1 would be 13 / sin(45) or sqrt(13 * 13 + 13 * 13) = 18.3. So, if player is at position coordinates of 5,13, the distance from that point is sqrt(4 * 4 + 12 * 12) = 12.6. So the ratio is 12.6 / 18.3 = 0.69 or 69%—but the percentage completed would be 100% - 69% = 31%. Success when the goal is reached (defined as arriving at 1,1 on the minimap) Please look at the information and files provided. THE COST WILL NOT BE NEGOTIATED AFTER THE PROJECT HAS BEEN AWARDED!!