javascript and html

5 Write the HTML and JS code that result in the corresponding screenshot, 1-canvas width and height is 500 2- canvas has a border 3- draw a green rectangle (square) at the middle (starting from point (50,50) ) with width and height = 400 4- draw one diagonal line for the rectangle only starting from the left upper corner till the bottom right corner o