I'm trying to draw a rectangle on a yellow background using javascript but there seems to be something wrong in the connection between two files as there is a blank screen on the browser window.
henry.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="henry.js"></script>
</head>
<body>
<canvas id="canvas" ></canvas>
</body>
</html>
henry.js
let canvas = document.getElementById("canvas");
let context = canvas.getContext("2d");
var window_height = window.innerHeight;
var window_width = window.innerWidth;
canvas.width = window_width;
canvas.height = window_height;
canvas.style.background="#ff8";
context.fillRect(100,0,100,200);
context.fillRect(100,500,100,200);