(JS) Mi lehet a probléma?
Az alábbi link alapján: [link]
gondoltam lecsekkolom működik-e a kód, de sajnos nem jeleníti meg vmiért. Az én kódom: HTML:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="atloJS.js"></script>
<title>Diagonal, White to Black circles</title>
</head>
<body>
<canvas id="myCanvas" width="1500" height="800">
<p>Update your browser!</p>
</canvas>
</body>
</html>
JAVASRCIPT:
function draw()
{
var ctx = document.getElementById("myCanvas").getContext("2d");
var counter = 0;
for (var i=0;i<6;i++)
{
for (var j=0;j<6;j++)
{
//Start from white and goes to black
ctx.fillStyle = "rgb(" + Math.floor(255-42.5*i) + "," + Math.floor(255-42.5*i) +
"," + Math.floor(255-42.5*j) + ")";
ctx.beginPath();
if (i === counter && j === counter)
{
//creates the circles
ctx.arc(25+j*50,30+i*50,20,0,Math.PI*2,true);
ctx.fill();
//creates a border around the circles so white one will be vissible
ctx.stroke();
}
}
counter++;
}
}
draw();
TypeError: document.getElementById(...) is null
draw()
atloJS.js:3
<névtelen>
Ezt írja ki hibának a console
válasza:Előbb fut le a JS mint hogy létrejönne az elem amit el akarsz érni. Tedd a dokumentum végére a script belinkelését, vagy figyeld a domcontentloaded eventet, és akkor futtasd a kódod.
Hogy erre nem gondoltam?! :D
Köszönöm
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!