Source de tp1.html
1: <!DOCTYPE html>
2: <html lang="fr">
3: <head>
4: <title>Premiers algorithmes en JavaScript</title>
5: <meta charset="utf-8" />
6: <link rel="stylesheet" href="idemm.css" />
7: </head>
8: <body>
9:
10: <h1>Premiers algorithmes en JavaScript</h1>
11:
12: j'essaye le javascript...
13:
14: <script>
15:
16: /* premier affichage */
17: document.write('bonjour !');
18:
19: /* variable et instruction conditionnelle IF */
20: var temperature = 12;
21: if (temperature>20) {
22: document.write('il fait chaud !');
23: } else {
24: document.write('il fait froid !');
25: }
26:
27: /* on compte jusqu'à 100 avec un POUR */
28: for (var i=1 ; i<=100 ; i=i+1) {
29: document.write(i);
30: document.write('<br>');
31: }
32:
33: /* on compte jusqu'à 100 avec un TantQue */
34: var i=1;
35: while (i<=100) {
36: document.write(i);
37: document.write('<br>');
38: i = i+1;
39: }
40:
41: /* une ligne de 10 étoiles avec un POUR, dans un tableau HTML */
42:
43: document.write('<table border="1">');
44: document.write('<tr>'); /* début de ligne */
45: for (var i=1 ; i<=10 ; i=i+1) {
46: document.write('<td>');
47: document.write('*');
48: document.write('</td>');
49: }
50: document.write('</tr>'); /* fin de ligne */
51: document.write('</table>');
52:
53: document.write('<br><br><br>');
54:
55: /* un carré 10x10 d'étoiles, dans un tableau HTML */
56:
57: document.write('<table border="1">');
58: for (var j=1 ; j<=10 ; j=j+1) {
59: document.write('<tr>'); /* début de ligne */
60: for (var i=1 ; i<=10 ; i=i+1) {
61: document.write('<td>');
62: document.write('*');
63: document.write('</td>');
64: }
65: document.write('</tr>'); /* fin de ligne */
66: }
67: document.write('</table>');
68:
69:
70: /* un carré 10x10 d'images, dans un tableau HTML */
71:
72: document.write('<table>');
73: for (var j=1 ; j<=10 ; j=j+1) {
74: document.write('<tr>'); /* début de ligne */
75: for (var i=1 ; i<=10 ; i=i+1) {
76: document.write('<td>');
77: document.write('<img src="images/chat.jpg" width="40" height="40">');
78: document.write('</td>');
79: }
80: document.write('</tr>'); /* fin de ligne */
81: }
82: document.write('</table>');
83:
84:
85: /* une table de multiplication 10x10 */
86:
87: document.write('<table>');
88: for (var j=1 ; j<=10 ; j=j+1) {
89: document.write('<tr>'); /* début de ligne */
90: for (var i=1 ; i<=10 ; i=i+1) {
91: document.write('<td>');
92: document.write(i*j);
93: document.write('</td>');
94: }
95: document.write('</tr>'); /* fin de ligne */
96: }
97: document.write('</table>');
98:
99:
100: /************************/
101: /**** UN CARRE CREUX ****/
102:
103: document.write('<table>');
104: /* première ligne pleine */
105: document.write('<tr>'); /* début de ligne */
106: for (var i=1 ; i<=10 ; i=i+1) {
107: document.write('<td>');
108: document.write('*');
109: document.write('</td>');
110: }
111: document.write('</tr>'); /* fin de ligne */
112: /* huit lignes creuses */
113: for (var j=1 ; j<=8 ; j=j+1) {
114: /* début de ligne creuse */
115: document.write('<tr>');
116: document.write('<td>*</td>');
117: for (var i=1 ; i<=8 ; i=i+1) {
118: document.write('<td> </td>');
119: }
120: document.write('<td>*</td>');
121: document.write('</tr>');
122: /* fin de ligne creuse */
123: }
124: /* dernière ligne pleine */
125: document.write('<tr>'); /* début de ligne */
126: for (var i=1 ; i<=10 ; i=i+1) {
127: document.write('<td>');
128: document.write('*');
129: document.write('</td>');
130: }
131: document.write('</tr>'); /* fin de ligne */
132: document.write('</table>');
133:
134:
135: </script>
136:
137: ça marche ?
138:
139: </body>
140: </html>