私は小さなJavaScriptの部分をWebページに追加しようとしていますが、ページにコードを表示するだけです

-1

タイトルのように、私は小さなJavaScriptの部分をWebページに追加しようとしていますが、グリッチがあり、コードを表示するだけで、何か助けてもらえますか？私は小さなJavaScriptの部分をWebページに追加しようとしていますが、ページにコードを表示するだけです

（知りたい人のために、ここではjavascriptの作品です）：

var draw = function() { 
background(0,0,0); 
strokeWeight(10); 
stroke(0,255,0); 
ellipse(mouseX,mouseY,350,350); 
    strokeWeight(5); 
    fill(0,0,0); 
    stroke(0,255,0); 
    ellipse(mouseX,mouseY,300,300); 
    strokeWeight(1); 
stroke(0,255, 0); 
fill(0,0,0); 
ellipse(mouseX,mouseY,250,250); 
ellipse(mouseX,mouseY,155,155); 
ellipse(mouseX,mouseY,145,145); 
ellipse(mouseX,mouseY,135,135); 
ellipse(mouseX,mouseY,125,125); 
ellipse(mouseX,mouseY,115,115); 
ellipse(mouseX,mouseY,105,105); 
ellipse(mouseX,mouseY,95,95); 
ellipse(mouseX,mouseY,85,85); 
ellipse(mouseX,mouseY,75,75); 
ellipse(mouseX,mouseY,65,65); 
ellipse(mouseX,mouseY,55,55); 
ellipse(mouseX,mouseY,45,45); 
ellipse(mouseX,mouseY,35,35); 
ellipse(mouseX,mouseY,25,25); 
ellipse(mouseX,mouseY,15,15); 
ellipse(mouseX,mouseY,5,5); 
line(200,0,mouseX,mouseY-150); 
line(0,200,mouseX-150,mouseY); 
line(400,200,mouseX+150,mouseY); 
line(200,400,mouseX,mouseY+150); 
fill(0,0,0); 
line(0,0,mouseX,mouseY); 
line(400,0,mouseX,mouseY); 
line(0,400,mouseX,mouseY); 
line(400,400,mouseX,mouseY); 
fill(0,0,0); 
stroke(0,255,0);  
    line(250,250,250,150); 
    line(250,150,150,150); 
    line(150,150,150,250); 
    line(150,250,250,250); 
ellipse(250,250,10,10); 
ellipse(250,150,10,10); 
ellipse(150,150,10,10); 
ellipse(150,250,10,10); 

};

出典

2016-04-19 Artimis whooves

は、それがタグで包まれますか？ – technicallyjosh

あなたはそれを間に置く必要がありますタグ – yezzz

スクリプトタグにコードをラップするだけでなく、その関数も呼び出す必要があります。だからあなたの 'var draw = function（）{...};'コードの後に、その関数を呼び出すために 'draw（）;'と書く必要があります。 JavaScriptが必要な場合は、JavaScriptの基本をお読みになることをお勧めします。 [あなたはJSを知らない]（https://github.com/getify/You-Dont-Know-JS）はしばしば推奨される良い無料の電子ブックです。 – romellem

いつでもあなたがあなたのページではJavaScriptを持っているあなたは<script></script>タグでそれをラップする必要があります。あなたのページにこれを追加してみてください。

<script> 

var draw = function() { 
    background(0,0,0); 
    strokeWeight(10); 
    stroke(0,255,0); 
    ellipse(mouseX,mouseY,350,350); 
    strokeWeight(5); 
    fill(0,0,0); 
    stroke(0,255,0); 
    ellipse(mouseX,mouseY,300,300); 
    strokeWeight(1); 
    stroke(0,255, 0); 
    fill(0,0,0); 
    ellipse(mouseX,mouseY,250,250); 
    ellipse(mouseX,mouseY,155,155); 
    ellipse(mouseX,mouseY,145,145); 
    ellipse(mouseX,mouseY,135,135); 
    ellipse(mouseX,mouseY,125,125); 
    ellipse(mouseX,mouseY,115,115); 
    ellipse(mouseX,mouseY,105,105); 
    ellipse(mouseX,mouseY,95,95); 
    ellipse(mouseX,mouseY,85,85); 
    ellipse(mouseX,mouseY,75,75); 
    ellipse(mouseX,mouseY,65,65); 
    ellipse(mouseX,mouseY,55,55); 
    ellipse(mouseX,mouseY,45,45); 
    ellipse(mouseX,mouseY,35,35); 
    ellipse(mouseX,mouseY,25,25); 
    ellipse(mouseX,mouseY,15,15); 
    ellipse(mouseX,mouseY,5,5); 
    line(200,0,mouseX,mouseY-150); 
    line(0,200,mouseX-150,mouseY); 
    line(400,200,mouseX+150,mouseY); 
    line(200,400,mouseX,mouseY+150); 
    fill(0,0,0); 
    line(0,0,mouseX,mouseY); 
    line(400,0,mouseX,mouseY); 
    line(0,400,mouseX,mouseY); 
    line(400,400,mouseX,mouseY); 
    fill(0,0,0); 
    stroke(0,255,0);  
    line(250,250,250,150); 
    line(250,150,150,150); 
    line(150,150,150,250); 
    line(150,250,250,250); 
    ellipse(250,250,10,10); 
    ellipse(250,150,10,10); 
    ellipse(150,150,10,10); 
    ellipse(150,250,10,10); 
}; 

</script>

出典

2016-04-19 19:02:31

コメントに記載されているように、スクリプトタグ内にインラインのJavascriptをラップする必要があります。

<script type="text/javascript"> 
var draw = function() { 
background(0,0,0); 
strokeWeight(10); 
stroke(0,255,0); 
ellipse(mouseX,mouseY,350,350); 
    strokeWeight(5); 
    fill(0,0,0); 
    stroke(0,255,0); 
    ellipse(mouseX,mouseY,300,300); 
    strokeWeight(1); 
stroke(0,255, 0); 
fill(0,0,0); 
    ... 
}; 
</script>

出典

2016-04-19 19:07:04

私は小さなJavaScriptの部分をWebページに追加しようとしていますが、ページにコードを表示するだけです

答えて

関連する問題