TP de programmation

PARTIE B

Voici les textes des énoncés sans les commentaires et sans les indentations (aspect visuel de la structure)

var LN = "
";

var n = 15;

document.write("Le carré de " + n + " est " + n*n + LN + LN)

for (n = 2 ; n < 21 ; n = n + 2)

{

document.write("Le carré de " + n + " est " + n*n + LN);      

}

var n_tri = 0;

var n_tst = 0;

var a = 0;

var b = 0;

var c = 0;

for (a = 1 ; a < 101 ; a = a + 1)

{

for (b = a + 1 ; b < 101 ; b = b + 1)

{

for (c = b + 1 ; c < 101 ; c = c + 1)

{

n_tst = n_tst + 1;

if(a*a+b*b == c*c)

{

n_tri = n_tri + 1;

document.write(a + "/" + b + "/" + c + LN);

};

if(a*a + b*b < c*c){break};

}    

}  

}

document.write(LN + n_tst + " tests" + LN);

PARTIE C

Placez la balise suivante dans le corps de la page Web

Placez le texte ci-dessous sur le panneau «JavaScript».

NOTE : vous pouvez ajouter ou enlever des codes de commentaires (//) pour voir l'effet d'un énoncé en particulier.

var canvas = document.getElementById("mon_can";

var ctx=canvas.getContext("2d");

ctx.fillStyle='brown';

ctx.fillRect(80,200,160,160);

ctx.fillStyle='green';

ctx.fillRect(140,300,40,60);

ctx.fillRect(100,240,30,30);

ctx.fillRect(190,240,30,30);

ctx.fillStyle='red';

ctx.fillRect(210,130,30,60);

ctx.fillStyle='orange';

ctx.arc(320,80,30,0,2*Math.PI,false);

ctx.fill();

ctx.fillStyle='blue';

ctx.beginPath();

ctx.moveTo(160,120);

ctx.lineTo(40,220);

ctx.lineTo(280,220);

ctx.closePath();

ctx.fill();

for (var x = 0; x <= 400; x += 20)

{

  ctx.move To(x, 0);

  ctx.lineTo(x, 400);

}

for (var y = 0; y <= 400; y += 20)

{

  ctx.moveTo(0, y);

  ctx.lineTo(400, y);

}

// ctx.stroke();

...