No estoy seguro de por qué recibo este error: Error de referencia no detectado: la prueba no está definida. ¿Puede alguien por favor ayudarme a resolver esto?

Aquí está mi código para html primero. No puedo ver dónde está el problema. No estoy seguro de qué están hablando los navegadores (Edge y Chrome). <canvas id="test"> Your browser does not support the canvas tag. </canvas>

<script>testCanvas(); </script>

Aquí está mi código de mi archivo JS externo:

document.addEventListener('DOMContentLoaded',test, false); function testCanvas() { var canvas = document.getElementById("test"); var ctx = canvas.getContext("2d"); ctx.fillStyle = "#FBBE00"; ctx.fillRect(0, 0, 150, 75); }

He buscado por todas partes investigando mucho en Internet y consultando mis libros de JS, pero parece que no puedo resolver el problema. Incluso busqué problemas similares aquí en Stack Overflow, pero solo se refieren a JQuery. Realmente necesito alguna orientación sobre este problema. Gracias de antemano.