Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   вставка javascript (https://javascript.ru/forum/dom-window/85728-vstavka-javascript.html)

megaLux 28.01.2024 17:20

вставка javascript
 
всем привет
я новичок в 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>

браузер ничего не выводит
подскажите где ошибка?

рони 28.01.2024 19:34

megaLux,
строка 3, отсутствует id, на который ссылается строка 5.

megaLux 28.01.2024 20:10

<canvas id="myCanvas" width="200" height="200">

спасибо

voraa 28.01.2024 20:27

И не надо без большой надобности впихивать javascript среди тегов html.
У него есть вполне определенные места в начале (в head) или в конце body
<html>
    <body>
        <canvas id="myCanvas" width="200" height="200">
        </canvas>
        
<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>

    </body>
</html>


Часовой пояс GMT +3, время: 12:19.