всем привет
я новичок в javascript
пытаюсь делать вставку javascript в <canvas> и закрасить прямоугольник:
<html>
<body>
<canvas width="200" height="200">
<script>
var doc = document.getElementById("myCanvas")
var ctx = doc.getContext("2d")
ctx.beginPath()
ctx.rect(20, 20, 150, 100)
ctx.fillStyle = "red"
ctx.fill()
</script>
</canvas>
</body>
</html>
браузер ничего не выводит
подскажите где ошибка?