Я только что закончил свою первую книгу по JavaScript "Head First HTML5", и я чувствую себя довольно глупо. Если я помещаю скрипт в файл HTML, он работает, но не работает в отдельном файле JavaScript.
HTML-файл:
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<script src="canArt.js"></script>
</head>
<body>
<canvas id="canvas" width="800" height="800"></canvas>
</body>
</head>
JS файл:
window.onload = init();
function init() {
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "rgb(200,0,0)";
ctx.fillRect (10, 10, 55, 50);
ctx.fillStyle = "rgba(0, 0, 200, 0.5)";
ctx.fillRect (30, 30, 55, 50);
}
пожалуйста, помогите.