Estoy tratando de dibujar un rectángulo sobre un fondo amarillo usando javascript, pero parece que hay algo mal en la conexión entre dos archivos, ya que hay una pantalla en blanco en la ventana del navegador.
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);