Mauvaise manipulatio JavaScript et ProcessingJS

bonjour , je souhaite apprendre le java-script et j'ai voulue faire un dessin avec notepad++ et quand je l'enregistre puis ouvrir avec un navigateur ca m'affiche que mon code pas le dessin.
// The ground
fill(26, 255, 0);
background(0, 208, 255);
rect(0, 300, 400, 100);
fill(255, 247, 0);
// The sun
ellipse(80, 64, 100, 100);

// The snowman
fill(252, 252, 252);
ellipse(200, 300, 150, 150);
ellipse(200, 200, 100, 100);
ellipse(200, 120, 75, 75)

merci.

config: marque asus,os:w10,RAM:6gb,processeur: 2.8ghz i54200,disque: 1to