I'；我试图在网页上添加一个小的javascript片段，但它只是在网页上显示代码

正如标题所说，我正在尝试向网页添加一个小javascript片段，但它不断出现故障，只显示代码，我能得到一些帮助吗

（对于那些想知道的人，这里是javascript片段）：

---

只要页面上有javascript，就必须用

标记将其包装起来。尝试将其添加到您的页面

<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>

var draw=function（）{
背景（0,0,0）；
冲程重量（10）；
中风（0255,0）；
椭圆（mouseX，mouseY，350350）；
冲程重量（5）；
填充（0,0,0）；
中风（0255,0）；
椭圆（mouseX，mouseY，300300）；
冲程重量（1）；
冲程（0255,0）；
填充（0,0,0）；
椭圆（mouseX，mouseY，250250）；
椭圆（mouseX，mouseY，155155）；
椭圆（mouseX，mouseY，145145）；
椭圆（mouseX，mouseY，135135）；
椭圆（mouseX，mouseY，125125）；
椭圆（mouseX，mouseY，115115）；
椭圆（mouseX，mouseY，105105）；
椭圆（mouseX，mouseY，95,95）；
椭圆（mouseX，mouseY，85,85）；
椭圆（mouseX，mouseY，75,75）；
椭圆（mouseX，mouseY，65,65）；
椭圆（mouseX，mouseY，55,55）；
椭圆（mouseX，mouseY，45,45）；
椭圆（mouseX，mouseY，35,35）；
椭圆（mouseX，mouseY，25,25）；
椭圆（mouseX，mouseY，15,15）；
椭圆（mouseX，mouseY，5,5）；
线（200,0，mouseX，mouseY-150）；
线路（0200，mouseX-150，mouseY）；
线路（400200，mouseX+150，mouseY）；
线路（200400、mouseX、mouseY+150）；
填充（0,0,0）；
线（0,0，mouseX，mouseY）；
线（400,0，mouseX，mouseY）；
线路（0400，mouseX，mouseY）；
线路（400400、mouseX、mouseY）；
填充（0,0,0）；
中风（0255,0）；
线路（250150）；
线路（250150150）；
线路（150250）；
线路（150250）；
椭圆（250250,10,10）；
椭圆（250150,10,10）；
椭圆（150150,10,10）；
椭圆（150250,10,10）；
};

如注释中所述，您需要将任何内嵌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>

var draw=function（）{
背景（0,0,0）；
冲程重量（10）；
中风（0255,0）；
椭圆（mouseX，mouseY，350350）；
冲程重量（5）；
填充（0,0,0）；
中风（0255,0）；
椭圆（mouseX，mouseY，300300）；
冲程重量（1）；
冲程（0255,0）；
填充（0,0,0）；
...
};

它是否用标记包装？您需要将它放在标记之间不仅需要将代码包装在脚本标记中，还需要调用函数。所以在你的

var draw=function（）{…}之后代码，您需要编写
draw（）
调用该函数。如果您需要帮助，我建议您阅读一些JavaScript的基础知识。是一本很好的免费电子书，经常被推荐。谢谢你的图书链接，我会去看看的！但是，嗯，我应该把
draw（）放在哪里在？
<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>