-
Notifications
You must be signed in to change notification settings - Fork 3
/
tuto.html
1827 lines (1798 loc) · 81.6 KB
/
tuto.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Tuto - MicroAlg</title>
<meta name="description"
content="Tutoriel en ligne pour MicroAlg." />
<meta name="keywords" content="microalg, algo, algorithme, algorithmique, lisp, environnement" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="web/jquery.min.js"><\/script>')</script>
<script src="emulisp/int.js" type="text/javascript"></script>
<script src="emulisp/emulisp_core.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="web/style.css" />
<script type="text/javascript" src="web/ide_injections.js"></script>
<script type="text/javascript" src="web/parenedit.js"></script>
<link type="text/css" href="web/parenedit.css" rel="stylesheet" />
<script src="web/showdown.js"></script>
<script src="web/svg-tree-drawer/svg-tree-drawer.js"></script>
<link href="web/css-ninja-tree/css-ninja-tree.css" rel="stylesheet"/>
<script src="web/showup.js"></script>
<link type="text/css" href="web/showup.css" rel="stylesheet" />
<link rel="icon" href="visuels/logo_microalg.ico" />
</head>
<body class="microalg">
<noscript>
<div style="color:#CC0000; text-align:center">
Besoin de JavaScript pour les exercices interactifs.
</div>
</noscript>
<div class="navbar">
<a href="./">accueil</a> :
<a href="#top">haut de page</a>
</div>
<h1 id="top">MicroAlg - Tutoriel</h1>
<p><a href="#affichage">Commencer tout de suite</a>, sans lire
l’introduction.</p>
<p>Aller directement à :
<a href="#affichage">Affichage</a>,
<a href="#commentaires">Commentaires</a>,
<a href="#texte-et-concatenation">Texte et concaténation</a>,
<a href="#parentheses">Parenthèses</a>,
<a href="#repeter">Répéter</a>,
<a href="#nbres-pseudo-aleatoires">Nombres pseudo-aléatoires</a>,
<a href="#demander">Demander à l’utilisateur</a>,
<a href="#calculs-nombres">Calculs avec des nombres</a>,
<a href="#calculs-nombres-demandes">Calculs avec des nombres demandés à l’utilisateur</a>,
<a href="#booleens">Booléens</a>,
<a href="#si">Si</a>,
<a href="#variables">Variables</a>,
<a href="#affectation-circulaire">Affectation circulaire</a>,
<a href="#operations-logiques">Opérations logiques</a>,
<a href="#manipulation-de-texte">Manipulation de texte</a>,
<a href="#faire-tant-que">Faire… tant que…</a>,
<a href="#tant-que-faire">Tant que… faire…</a>,
<a href="#construction-affichage">Construction et affichage de listes</a>,
<a href="#structure">Listes : structure et lien avec le texte</a>,
<a href="#parcours-lecture">Parcours de listes</a>,
<a href="#type-affectation">Listes : type et affectation</a>,
<a href="#definir">Définir ses commandes</a>,
<a href="#exemples-et-tests">Exemples et tests</a>,
<a href="#algo-parcours">Algorithmes de parcours de listes</a>,
<!-- <a href="#modifier-liste">Modifier une liste</a>, -->
<a href="#contact">Contact</a>.
</p>
<h2 id="autres-tutos">Les autres tutoriels</h2>
<p>Si vous débutez en algorithmique ou en programmation, il est fortement
conseillé de travailler en <strong>bougeant des blocs comme un
puzzle</strong>. Utilisez <a href="tuto_blocs.html">cette page</a>.</p>
<p>Si vous pensez que seulement des <strong>exemples</strong> et des notes
<strong>très brèves</strong> peuvent vous suffire, utilisez
<a href="tuto_rapide.html">cette page</a>.</p>
<h2 id="questce">Qu’est-ce ?</h2>
<p>Cette page est un <a href="https://fr.wikipedia.org/wiki/Tutoriel"
class="wp">tutoriel</a>
pour <a href="http://microalg.info" class="offi">MicroAlg</a>.</p>
<p>Le tutoriel est assez long car il couvre tout le langage. Patience !
Peut-être faudra-t-il le faire en plusieurs fois !</p>
<p>Au cours de ce tutoriel, on vous proposera des petits programmes à
exécuter directement dans le navigateur. N’hésitez pas à les modifier afin
d’être sûre de comprendre le principe (si possible une modification
rigolote).</p>
<p>Avant de les exécuter, essayez de deviner ce qu’ils vont faire.</p>
<h2 id="contact">Contact</h2>
<p>Si jamais cette page ne réagit pas comme vous l’attendiez, si vous
trouvez une faute d’orthographe, ou si vous avez envie de contribuer avec
une idée lumineuse, merci de (au choix) :</p>
<ul>
<li>proposer une « pull request » en éditant directement
<a href="https://github.com/Microalg/Microalg/edit/master/tuto.html">ce fichier sur Github</a> ;</li>
<li>poster une « issue » sur
<a href="https://github.com/Microalg/Microalg/issues/new">Github</a> ;</li>
<li>poser une question dans
<a href="http://qr.microalg.info">la section Questions/Réponses</a> ;</li>
<li>envoyer <a href="mailto:[email protected]" class="email">un email
au créateur de MicroAlg</a>.</li>
</ul>
<h2 id="affichage"><a href="#affichage">: </a>Affichage</h2>
<p>Pourquoi ne pas commencer tout de suite !</p>
<div id="script-afficher"></div>
<script>inject_microalg_editor_in('script-afficher', {
src:
'(Afficher "Bonjour tout le monde !")'
});</script>
<p>Après avoir cliqué sur <code>Exécuter</code>, un message de bienvenue devrait
s’être affiché dans la barre un peu arrondie ci-dessus (sinon, suivre les
instructions de <a href="#contact">cette section</a>).</p>
<p>Dans toute la suite, vous pourrez modifier les programmes pour tester des
idées ou répondre aux questions. Essayez tout de suite avec le programme
ci-dessus ! Notez que vous pouvez revenir à la version originale grâce à
<code>Control</code>+<code>Z</code> ou en rechargeant la page.</p>
<p>Remarquez bien la forme de ce premier programme. Il contient une seule
<em>instruction</em>, qui se décompose ainsi :</p>
<ol>
<li>une parenthèse ouvrante, sur fond rouge ;</li>
<li>une <em>commande</em>, ici la commande <code>Afficher</code> ;</li>
<li>d’éventuels <em>arguments</em>, ici le texte
<code>"Bonjour tout le monde !"</code> ;</li>
<li>une parenthèse fermante, sur fond rouge aussi.</li>
</ol>
<p>La parenthèse ouvrante marque le début d’une instruction, comme une
majuscule marque le début d’une phrase. La parenthèse fermante marque la
fin de l’instruction, comme le fait un point pour marquer la fin d’une
phrase.</p>
<p>Tous les programmes de MicroAlg seront toujours une suite d’instructions
qui seront toujours de la même forme. Toujours.</p>
<h2 id="commentaires"><a href="#commentaires">: </a>Commentaires</h2>
<p>Pour expliquer certains passages délicats d’un programme, on peut écrire
des instructions qui n’ont aucun effet. C’est le rôle de la commande
<code>!!!</code>. Il faut, comme pour la commande <code>Afficher</code>,
mettre le message entre guillemets.</p>
<div id="script-commentaires"></div>
<script>inject_microalg_editor_in('script-commentaires', {
src:
'(!!! "Ce programme explique le rôle des commentaires.")\n' +
'(!!! "Il est constitué de trois commentaires.")\n' +
'(!!! "Et ne comporte aucune instruction qui fasse quelque chose.")'
});</script>
<h2 id="texte-et-concatenation"><a href="#texte-et-concatenation">: </a>Texte et concaténation</h2>
<p>Dans un des exemples précédents, que nous rappelons ci-dessous, nous
avons affiché du texte. Nous dirons que nous avons passé du texte en
paramètre à la commande <code>Afficher</code>.</p>
<p>Mieux : ce que l’on appelle ici « texte » est parfois appelé « chaîne de
caractères ». On doit le mettre entre guillemets.</p>
<div id="script-afficher-rappel"></div>
<script>inject_microalg_editor_in('script-afficher-rappel', {
src:
'(!!! "Rappel du tout premier exemple.")\n' +
'(Afficher "Rebonjour tout le monde !")'
});</script>
<p>Supposons maintenant que l’on veuille afficher deux textes.</p>
<p>La commande `Afficher` ne prend qu’un paramètre. Le programme suivant génère une erreur.</p>
<div id="script-afficher-params"></div>
<script>inject_microalg_editor_in('script-afficher-params', {
src:
'(Afficher "du texte" "et encore du texte")'
});</script>
<p>L’idée d’utiliser deux instructions est bonne, mais avec cette technique,
il est impossible d’afficher deux textes différents sans passer à la
ligne :</p>
<div id="script-deux-afficher"></div>
<script>inject_microalg_editor_in('script-deux-afficher', {
src:
'(Afficher "du texte")\n' +
'(Afficher "et encore du texte")'
});</script>
<p>Pour « concaténer » deux textes, c’est-à-dire
<a href="https://fr.wikipedia.org/wiki/Concat%C3%A9nation" class="wp">les
mettre bout-à-bout</a>, on utilise la commande <code>Concatener</code>.
Dans l’exemple suivant, on affiche la concaténation de deux textes :</p>
<div id="script-concat"></div>
<script>inject_microalg_editor_in('script-concat', {
src:
'(Afficher (Concatener "du texte" "et encore du texte"))'
});</script>
<p>Rappelez-vous, vous pouvez modifier les programmes de cette page pour
éventuellement les améliorer !</p>
<p>Notez les parenthèses qui s’emboîtent. L’emboîtement des parenthèses est
la base de MicroAlg, et plus généralement des langages de type
<a href="https://fr.wikipedia.org/wiki/Lisp" class="wp">Lisp</a> (noter
aussi le nombre de traductions de cette page Wikipedia !).</p>
<p>Même si en français on dit que le programme « affiche la concaténation
de deux textes », le programme s’exécute depuis l’intérieur vers
l’extérieur : le programme concatène d’abord, et affiche ensuite.</p>
<p>Attention, les guillemets utilisés ici : « " » servent aussi bien à
ouvrir qu’à fermer une chaîne de caractères. On voit sur ce dernier exemple
que c’est moins clair que des parenthèses, mais il faudra faire avec.</p>
<p>Une solution pour y voir clair : organiser son code sur différentes
lignes :</p>
<div id="script-concat-lignes"></div>
<script>inject_microalg_editor_in('script-concat-lignes', {
src:
'(Afficher\n' +
' (Concatener\n' +
' "du texte, "\n' +
' "et encore du texte"\n' +
' )\n' +
')'
});</script>
<p>Pour finir la partie « concaténation », notons qu’il n’y a pas de limite
au nombre de textes à concaténer :</p>
<div id="script-concat3"></div>
<script>inject_microalg_editor_in('script-concat3', {
src:
'(Afficher\n' +
' (Concatener\n' +
' "du texte, "\n' +
' "du texte, "\n' +
' "et encore du texte"\n' +
' )\n' +
')'
});</script>
<h2 id="parentheses"><a href="#parentheses">: </a>Les parenthèses</h2>
<p>Même si les parenthèses indiquent déjà assez clairement la structure du
programme, il est bien pratique de pouvoir savoir quelle parenthèse
fermante correspond à une parenthèse ouvrante (et inversement). C’est le
but de la coloration des parenthèses (la parenthèse à droite du curseur et
celle qui lui correspond sont en gris).</p>
<div id="script-parens-seules"></div>
<script>inject_microalg_editor_in('script-parens-seules', {
src:
'(!!! "Remarque : Ce programme est joli, mais il n’est pas valide.")\n' +
'(!!! " Ne pas chercher à comprendre le message d’erreur.")\n' +
'((((((( )))))))\n' +
'((((((( ) ) ) ) ) ) )\n' +
'((((((( ) ) ) ) ) ) )'
});</script>
<p>Si jamais les parenthèses ne sont pas équilibrées, les parenthèses en
trop seront affichées en rouge vif. Essayez d’en ajouter ou d’en
supprimer dans le « programme » précédent !</p>
<p>Vous verrez que dans les programmes suivants, certaines lignes sont
décalées vers la droite. C’est ce qu’on appelle « l’indentation ». Si elle
est respectée :</p>
<ul>
<li>les parenthèses en début de ligne (ouvrantes ou fermantes) seront
toujours rouges ;</li>
<li>les parenthèses correspondantes n’étant pas sur la même ligne mais
alignées verticalement seront de la même couleur.</li>
</ul>
<p>De plus, on ne trouvera jamais deux parenthèses ouvrantes de suite.</p>
<p>Dans le dernier exemple de la section précédente, nous avons affiché la
concaténation de trois textes.</p>
<div id="script-concat-rappel"></div>
<script>inject_microalg_editor_in('script-concat-rappel', {
src:
'(Afficher\n' +
' (Concatener\n' +
' "du texte, "\n' +
' "du texte, "\n' +
' "et encore du texte"\n' +
' )\n' +
')'
});</script>
<p>Comment aurions-nous pu faire la même chose si la commande
<code>Concatener</code> n’acceptait que deux paramètres ?</p>
<p>Il aurait suffit :</p>
<ol>
<li>de prendre les deux premiers (ou les deux derniers, puisque la
concaténation est <a href="https://fr.wikipedia.org/wiki/Associativit%C3%A9"
class="wp">associative</a>),</li>
<li>de les concaténer,</li>
<li>puis de concaténer le résultat au troisième fragment de texte.</li>
</ol>
<p>Si on commence par la gauche :</p>
<div id="script-concat-gauche"></div>
<script>inject_microalg_editor_in('script-concat-gauche', {
src:
'(Afficher (Concatener (Concatener "du texte, " "du texte, ") "et encore du texte"))'
});</script>
<p>Et si on commence par la droite :</p>
<div id="script-concat-droite"></div>
<script>inject_microalg_editor_in('script-concat-droite', {
src:
'(Afficher (Concatener "du texte, " (Concatener "du texte, " "et encore du texte")))'
});</script>
<p>Si vous trouvez que l’on y comprend rien, c’est normal (quoiqu’avec un
peu d’habitude…).</p>
<p>Pour y voir plus clair, il suffit encore passer à la ligne à des endroits
judicieux. Pour le côté gauche :</p>
<div id="script-concat-gauche2"></div>
<script>inject_microalg_editor_in('script-concat-gauche2', {
src:
'(Afficher (Concatener\n' +
' (Concatener "du texte, " "du texte, ")\n' +
' "et encore du texte"\n' +
' )\n' +
')'
});</script>
<p>Et pour le côté droit :</p>
<div id="script-concat-droite2"></div>
<script>inject_microalg_editor_in('script-concat-droite2', {
src:
'(Afficher (Concatener\n' +
' "du texte, "\n' +
' (Concatener "du texte, " "et encore du texte")\n' +
' )\n' +
')'
});</script>
<p>Notez que, comme en maths, les commandes qui sont
« les plus à l’intérieur des parenthèses » seront exécutées en premier, en
commençant par la gauche (nous allons le vérifier
<a href="#verif-exec-gauche-droite">plus loin</a>).</p>
<h2 id="repeter"><a href="#repeter">: </a>Répéter</h2>
<p>Un algorithme décrit souvent (mais pas toujours) un travail répétitif
que l’on veut faire faire à un ordinateur. Sans surprise, ce programme
affiche trois fois la même chose :</p>
<div id="script-repeter"></div>
<script>inject_microalg_editor_in('script-repeter', {
src:
'(Repeter 3 Fois\n' +
' (Afficher "Bonjour.")\n' +
')\n' +
''
});</script>
<p>À vous de tester à nouveau ce programme en changeant le nombre de
répétitions et le texte à afficher.</p>
<p><strong>Question</strong> : comment faire pour afficher ce texte avec le
moins d’instructions possible ? Huit parenthèses devraient suffire.</p>
<pre><code>Bonjour,
ça va ?
ça va ?
ça va ?
ça va ?
Bonjour,
ça va ?
ça va ?
ça va ?
ça va ?
Bonjour,
ça va ?
ça va ?
ça va ?
ça va ?</code></pre>
<h2 id="nbres-pseudo-aleatoires"><a href="#nbres-pseudo-aleatoires">: </a>Nombres pseudo-aléatoires</h2>
<p>Il est possible d’obtenir un nombre entier
<a href="http://fr.wikipedia.org/wiki/Pseudo-al%C3%A9atoire"
class="wp">pseudo-aléatoire</a> grâce à la commande <code>Entier@</code>.
Il faut lui passer les valeurs minimale et maximale possibles. Lancer
plusieurs fois de suite le programme suivant :</p>
<div id="script-nbres-pseudo-aleatoires"></div>
<script>inject_microalg_editor_in('script-nbres-pseudo-aleatoires', {
src:
'(Afficher (Entier@ 1900 2015))'
});</script>
<p>Comment changer ce programme pour simuler le lancer d’un dé à six faces ?</p>
<p><strong>Utilisation avancée</strong> : si vous n’avez pas besoin de
<a href="http://fr.wikipedia.org/wiki/Reproductibilit%C3%A9"
class="wp">reproductibilité</a> (le fait de pouvoir obtenir à nouveau
certaines séquences de tirages), vous pouvez passer directement à
<a href="#demander">la section suivante</a>).</p>
<p>Il est possible de contrôler les tirages de deux façons : avec la
commande <code>Initialiser@</code> et avec la variable spéciale
<code>sequence_tirages@</code>.</p>
<p>La commande <code>Initialiser@</code> permet de contrôler l’état
initial du générateur de nombres pseudo-aléatoires. Grâce à elle,
un même programme donnera toujours les mêmes tirages. Ce n’est bien sûr pas
souhaitable pour un jeu de hasard comme un jeu de cartes. Néanmoins, pour
certaines applications artistiques ou scientifiques, cette reproductibilité
peut être intéressante. On peut par exemple vouloir
générer un même labyrinthe pour tous les joueurs, on peut vouloir vérifier
si un programme est correct en comparant avec un autre que l’on sait être
correct…</p>
<p>Voici par exemple un programme qui affichera toujours les mêmes cinq
tirages (1984, 1932, 1967, 2000 et 1957) :</p>
<div id="script-nbres-pseudo-aleatoires-init"></div>
<script>inject_microalg_editor_in('script-nbres-pseudo-aleatoires-init', {
src:
'(Initialiser@ 0)\n' +
'(Repeter 5 Fois\n' +
' (Afficher (Entier@ 1900 2015))\n' +
')\n' +
''
});</script>
<p>Celui-ci affichera toujours 1969, 1921, 1987, 1941 et 1950 :</p>
<div id="script-nbres-pseudo-aleatoires-init2"></div>
<script>inject_microalg_editor_in('script-nbres-pseudo-aleatoires-init2', {
src:
'(Initialiser@ 1)\n' +
'(Repeter 5 Fois\n' +
' (Afficher (Entier@ 1900 2015))\n' +
')\n' +
''
});</script>
<p>Il est même possible de fournir une séquence de nombres entiers qui
sera utilisée pour les tirages, en boucle. Les commandes
<code>Affecter_a</code> et <code>Liste</code> seront vues plus loin.</p>
<div id="script-nbres-pseudo-aleatoires-seq"></div>
<script>inject_microalg_editor_in('script-nbres-pseudo-aleatoires-seq', {
src:
'(Affecter_a sequence_tirages@ (Liste 1 3 5 7 9))\n' +
'(Repeter 8 Fois\n' +
' (Afficher (Entier@ 1 10))\n' +
')\n' +
''
});</script>
<h2 id="demander"><a href="#demander">: </a>Demander à l’utilisateur</h2>
<p>Plutôt que de demander une valeur pseudo-aléatoire à l’ordinateur, il est
possible de demander une valeur à l’utilisateur :</p>
<div id="script-ex-demander"></div>
<script>inject_microalg_editor_in('script-ex-demander', {
src:
'(Demander)'
});</script>
<p>Mais si on ne fait rien du résultat de cette commande, rien ne se passe
bien sûr. On peut par exemple afficher le résultat de
<code>Demander</code>.</p>
<div id="script-afficher-demander"></div>
<script>inject_microalg_editor_in('script-afficher-demander', {
src:
'(Afficher (Demander))'
});</script>
<p>L’utilisation de la commande <code>Demander</code> peut sembler étrange
car elle n’a pas de paramètre. Il faut taper : <code>(Demander)</code>.
Mais en fait, il n’y a pas de raison pour qu’elle en ait car l’utilisateur
peut taper ce qu’il veut, sans limite. La saisie sera simplement validée
par la touche <code>Entrée</code>. Ensuite, c’est comme si ce qu’il allait
taper allait remplacer <code>(Demander)</code>.</p>
<p><strong>Un premier programme interactif !</strong> En combinant les
commandes <code>Demander</code>, <code>Concatener</code> et
<code>Afficher</code>, nous allons pouvoir coder un premier programme
(presque) intéressant : les salutations.</p>
<p>Avant de l’exécuter, essayez de deviner ce que le programme va faire.</p>
<div id="script-salutations"></div>
<script>inject_microalg_editor_in('script-salutations', {
src:
'(Afficher (Concatener\n' +
' "Bonjour "\n' +
' (Demander)\n' +
' " !"\n' +
'))'
});</script>
<p>Mieux : les présentations !</p>
<p>Ici, nous effectuons deux affichages successifs. Même s’il y a une
demande dans le deuxième affichage, on peut dire que le programme est de la
forme :</p>
<pre><code>(Afficher ...)
(Afficher ...)</code></pre>
<div id="script-presentations"></div>
<script>inject_microalg_editor_in('script-presentations', {
src:
'(Afficher "Bonjour, quel est ton nom ?")\n' +
'(Afficher (Concatener\n' +
' "Bonjour "\n' +
' (Demander)\n' +
' " !"\n' +
' )\n' +
')'
});</script>
<div id="verif-exec-gauche-droite"></div>
<p>Comme promis, une vérification que, pour des instructions situées au
même niveau, l’exécution se fait bien de la gauche vers la droite ou du
haut vers le bas :</p>
<div id="script-gauche-droite"></div>
<script>inject_microalg_editor_in('script-gauche-droite', {
src:
'(Afficher (Concatener\n' +
' (Concatener "d’abord " (Demander))\n' +
' (Concatener " ensuite " (Demander))\n' +
' )\n' +
')'
});</script>
<h2 id="calculs-nombres"><a href="#calculs-nombres">: </a>Calculs avec des nombres</h2>
<p>MicroAlg sait effectuer des calculs, mais il faut les rédiger
correctement. Pour chaque exemple ci-dessous, essayer de deviner ce que va
afficher MicroAlg, puis vérifier en exécutant le code avec
<code>Ctrl</code> + <code>Entrée</code>.</p>
<div id="script-aff-deux-et-deux"></div>
<script>inject_microalg_editor_in('script-aff-deux-et-deux', {
src:
'(Afficher (+ 2 2))'
});</script>
<div id="script-deux-et-deux"></div>
<script>inject_microalg_editor_in('script-deux-et-deux', {
src:
'(!!! "Noter que MicroAlg n’affiche rien si on ne lui demande pas :")\n' +
'(+ 2 2)'
});</script>
<div id="script-emboite"></div>
<script>inject_microalg_editor_in('script-emboite', {
src:
'(!!! "Une expression peut prendre la place d’un nombre.")\n' +
'(!!! "Ici le deuxième 2 a été remplacé par (+ 1 1) :")\n' +
'(Afficher (+ 2 (+ 1 1)))'
});</script>
<div id="script-assoc"></div>
<script>inject_microalg_editor_in('script-assoc', {
src:
'(!!! "Pour afficher le résultat de 2+2+2, on peut faire, au choix :")\n' +
'(Afficher (+ 2 (+ 2 2)))\n' +
'(Afficher (+ (+ 2 2) 2))\n' +
'(!!! "Mais pour plus de lisibilité, les opérations associatives")\n' +
'(!!! "acceptent plusieurs paramètres:")\n' +
'(Afficher (+ 2 2 2))'
});</script>
<p>Voici d’autres exemples avec peut-être d’autres opérations. Essayez de
deviner ce que va afficher MicroAlg, puis vérifiez en cliquant sur
<code>Exécuter</code>. Vous pouvez utiliser un crayon et du papier ou une
calculatrice si votre calcul mental n’est pas encore solide.</p>
<p><strong>Remarque : </strong>La touche <code>TAB</code> (à gauche du
<code>A</code>) permet de passer de zone de code en zone de code, en
passant aussi sur les liens. En appuyant deux fois dessus, vous arrivez à
la prochaine zone. Pratique, pas besoin de toucher la souris.</p>
<div id="script-calc0"></div>
<script>inject_microalg_editor_in('script-calc0', {
src:
'(Afficher (- 7 1))'
});</script>
<div id="script-calc1"></div>
<script>inject_microalg_editor_in('script-calc1', {
src:
'(Afficher (- 7 (+ 2 3)))'
});</script>
<div id="script-calc2"></div>
<script>inject_microalg_editor_in('script-calc2', {
src:
'(Afficher (+ 1 2 3 4 5))'
});</script>
<div id="script-calc3"></div>
<script>inject_microalg_editor_in('script-calc3', {
src:
'(Afficher (+ 2 (* 5 3)))'
});</script>
<div id="script-calc4"></div>
<script>inject_microalg_editor_in('script-calc4', {
src:
'(Afficher (/ 6 (+ 1 1 1)))'
});</script>
<div id="script-calc5"></div>
<script>inject_microalg_editor_in('script-calc5', {
src:
'(Afficher (Racine 49))'
});</script>
<p>Pour calculer l’opposé d’un nombre, on peut toujours de retirer ce
nombre à 0 ou le multiplier par -1, mais on peut aussi ne passer qu’un
paramètre à la commande <code>-</code>.</p>
<div id="script-oppose"></div>
<script>inject_microalg_editor_in('script-oppose', {
src:
'(Afficher (- 0 (+ 2 2)))\n' +
'(Afficher (* -1 (+ 2 2)))\n' +
'(Afficher (- (+ 2 2)))\n' +
''
});</script>
<p>Un exercice pour finir : écrire un programme qui tire au hasard une
année qui a commencé un siècle entre le dixième et le vingt-et-unième
siècle.</p>
<p>Pour approfondir la mise en place des calculs, voir le site
<a href="http://expressions.club/">expressions.club</a>.</p>
<h2 id="calculs-nombres-demandes"><a href="#calculs-nombres-demandes">: </a>Calculs avec des nombres demandés à l’utilisateur</h2>
<p>La commande <code>Demander</code> renvoie du texte, celui tapé par
l’utilisateur. Même s’il n’est constitué que de chiffres, MicroAlg le
considère comme étant du texte.</p>
<p>Le problème ici est que les opérations <code>+</code>, <code>-</code>,
<code>*</code> et <code>/</code> ne travaillent qu'avec des nombres et non
avec du texte. En voici la preuve (le programme génère une erreur) :</p>
<div id="script-un-plus-un"></div>
<script>inject_microalg_editor_in('script-un-plus-un', {
src:
'(Afficher (+ 1 "1"))'
});</script>
<p>Ainsi, le programme suivant ne peut pas fonctionner, même en répondant
par exemple « 1 » pour calculer « 1 + 1 » :</p>
<div id="script-pas-nombre"></div>
<script>inject_microalg_editor_in('script-pas-nombre', {
src:
'(Afficher (+ 1 (Demander)))'
});</script>
<p>C'est la première fois que dans ce tutoriel nous évoquons la
distinction entre <code>1</code> et <code>"1"</code>. C’est la notion de
<em>type</em>. On dira que :</p>
<ul>
<li><code>0</code>, <code>1</code> ou <code>2</code>… sont de
<em>type</em> « nombre »</li>
<li><code>"salut"</code> est de <em>type</em> « texte » ou « chaîne de
caractères »</li>
</ul>
<p>Nous verrons d'autres types plus loin. Pour l'instant, nous avons les
nouvelles commandes :</p>
<ul>
<li><code>Type</code> qui retourne un texte en minuscule décrivant le
type de la valeur,</li>
<li><code>Texte</code> et <code>Nombre</code>, qui renvoient une
nouvelle valeur, convertie avec le bon type.</li>
</ul>
<p>Quelques exemples avec <code>Type</code> :</p>
<div id="script-type"></div>
<script>inject_microalg_editor_in('script-type', {
src:
'(Afficher (Type "Bonjour !"))\n' +
'(Afficher (Type 12345))\n' +
'(Afficher (Type "12345"))\n' +
''
});</script>
<p>Un exemple avec <code>Demander</code> :</p>
<div id="script-type-demander"></div>
<script>inject_microalg_editor_in('script-type-demander', {
src:
'(Afficher "Veuillez taper n’importe quoi.")\n' +
'(Afficher (Type (Demander)))\n' +
''
});</script>
<p>Pour demander un nombre avec lequel faire un calcul, il faut donc
utiliser une combinaison de <code>Demander</code> et de
<code>Nombre</code>. En reprenant le premier exemple :</p>
<div id="script-demander-nombre"></div>
<script>inject_microalg_editor_in('script-demander-nombre', {
src:
'(Afficher (+ 1 (Nombre (Demander))))'
});</script>
<p>Plus de détails sur les différentes façons de « demander » sont
disponibles sur
<a href="http://galerie.microalg.info/microalg:demander">cette page
de la galerie</a>.</p>
<p>Plus tard, grâce à <a href="#demandernbre">ce paragraphe</a>,
vous pourrez vous-même créer une commande qui sera un
raccourci pour cette combinaison de <code>Nombre</code> et de
<code>Demander</code> : <code>DemanderNbre</code>.</p>
<p>Pour finir cette section en beauté, voici un programme qui réutilise
tout ce que l’on a appris jusqu’ici. Pourrez-vous deviner ce qu’il va
afficher ?</p>
<div id="script-incrementation"></div>
<script>inject_microalg_editor_in('script-incrementation', {
src:
'(Afficher (Concatener\n' +
' "Un de plus : "\n' +
' (Texte (+\n' +
' 1\n' +
' (Nombre (Demander))\n' +
' )\n' +
' )\n' +
'))'
});</script>
<p><strong>Rappel</strong> : l’exécution se fait de l’intérieur vers
l’extérieur. Voici donc ce que fait ce petit programme, dans l’ordre
d’exécution :</p>
<ol>
<li>demander une valeur à l’utilisateur,</li>
<li>convertir le texte reçu en nombre,</li>
<li>ajouter 1,</li>
<li>convertir le résultat en texte,</li>
<li>le concaténer avec le début de la phrase.</li>
</ol>
<p>Pour résumer en une phrase : « le programme affiche la concaténation
de <code>"Un de plus : "</code> avec le texte correspondant à la somme de 1
avec le nombre que l’utilisateur a tapé ».</p>
<h2 id="booleens"><a href="#booleens">: </a>Calculs avec des booléens</h2>
<p>Dans certaines situations, comme les jeux, on peut avoir besoin de
<em>comparer</em> des valeurs. Par exemple, on peut vouloir tester :</p>
<ul>
<li>si le mot ou le nombre à deviner est le bon ;</li>
<li>si le temps écoulé n’a pas dépassé une certaine valeur ;</li>
<li>…</li>
</ul>
<p>Il y a donc dans MicroAlg des commandes qui retournent des valeurs
spéciales : <code>Vrai</code> ou <code>Faux</code>, pour répondre à ces
questions. Ces valeurs <code>Vrai</code> et <code>Faux</code> sont d’un
type nouveau. Ce ne sont ni des nombres ni du texte, mais des
<em>booléens</em> (de <a href="http://fr.wikipedia.org/wiki/George_Boole"
class="wp">George Boole</a>).
Un booléen ne peut avoir qu’une de ces deux valeurs <code>Vrai</code> ou
<code>Faux</code>, contrairement aux nombres et au textes qui peuvent
prendre (quasiment) une infinité de valeurs différentes.</p>
<p>Les commandes qui retournent un booléen sont appelées des
<em>prédicats</em>. En voici quelques-uns :</p>
<ul>
<li><code>=</code>, qui teste l’égalité de deux valeurs (c’est-à-dire
retourne <code>Vrai</code> si les deux valeurs sont égales,
<code>Faux</code> sinon),</li>
<li><code>=/</code> (plus pratique à taper que <code>≠</code>), qui
teste la non égalité de deux valeurs,</li>
<li>concernant les nombres uniquement :</li>
<ul>
<li><code><</code>, strictement inférieur</li>
<li><code><=</code> (plus pratique à taper que <code>≤</code>),
inférieur ou égal</li>
<li><code>></code>, strictement supérieur</li>
<li><code>>=</code>, (plus pratique à taper que <code>≥</code>),
supérieur ou égal</li>
</ul>
</ul>
<p><code>=</code> et <code>=/</code> peuvent comparer des booléens.
Essayez de deviner ce que va afficher le programme suivant :</p>
<div id="script-predicats-booleens"></div>
<script>inject_microalg_editor_in('script-predicats-booleens', {
src:
'(Afficher (= Vrai Vrai))\n' +
'(Afficher (= Vrai Faux))\n' +
'(Afficher (= Faux Vrai))\n' +
'(Afficher (= Faux Faux))\n' +
'(Afficher (=/ Vrai Vrai))\n' +
'(Afficher (=/ Vrai Faux))\n' +
''
});</script>
<p>Concernant les nombres, pas de surprise :</p>
<div id="script-predicats-nombres"></div>
<script>inject_microalg_editor_in('script-predicats-nombres', {
src:
'(Afficher (= 1 1))\n' +
'(Afficher (= 1 2))\n' +
'(Afficher (= 2 1))\n' +
'(Afficher (= 2 2))\n' +
'(Afficher (=/ 1 1))\n' +
'(Afficher (=/ 1 2))\n' +
''
});</script>
<p>Pas de surprise non plus pour comparer du texte :</p>
<div id="script-predicats-textes"></div>
<script>inject_microalg_editor_in('script-predicats-textes', {
src:
'(Afficher (= "salut" "salut"))\n' +
'(Afficher (= "salut" "bonjour"))\n' +
'(Afficher (= "bonjour" "salut"))\n' +
'(Afficher (= "bonjour" "bonjour"))\n' +
'(Afficher (=/ "salut" "salut"))\n' +
'(Afficher (=/ "salut" "bonjour"))\n' +
''
});</script>
<p>À vous maintenant d’explorer les comparaisons entre nombres ! Il y a
quatre commandes à tester : <code><</code>, <code><=</code>,
<code>></code> et <code>>=</code>, mais aussi différentes
combinaisons de nombres à essayer.</p>
<div id="script-predicats-comparaisons"></div>
<script>inject_microalg_editor_in('script-predicats-comparaisons', {
src:
'(Afficher (< 0 1))\n' +
''
});</script>
<h2 id="si"><a href="#si">: </a>Si</h2>
<p>Les booléens servent surtout à décider quelle instruction exécuter
plutôt qu’une autre.</p>
Par exemple, lorsque l’on discute avec quelqu’un, on peut commencer par :
« Salut, ça va ? ».<br>
<strong>Si</strong> la personne répond « oui » (qui correspondrait à
<code>Vrai</code>), <strong>alors</strong> on lui répond « Tant mieux ! ».<br>
<strong>Sinon</strong> (ce qui correspondrait à <code>Faux</code>), on lui
répond « Ah, qu’y a-t-il ? ».</p>
<p>Avec MicroAlg, pour programmer ce genre de situation, on utilisera la
commande <code>Si</code>.</p>
<p>Attention, dans l’exemple suivant, seul le mot « oui » en minuscule est
reconnu comme une réponse positive.</p>
<div id="script-si"></div>
<script>inject_microalg_editor_in('script-si', {
src:
'(Afficher "Salut, ça va ?")\n' +
'(Si (= (Demander) "oui")\n' +
' Alors\n' +
' (Afficher "Tant mieux !")\n' +
' Sinon\n' +
' (Afficher "Ah, qu’y a-t-il ?")\n' +
')'
});</script>
<p>Le code ci-dessus peut se lire :</p>
<ul>
<li>Afficher la question.</li>
<li><strong>Si</strong> l’utilisateur répond « oui »,</li>
<li><strong>Alors</strong> afficher « Tant mieux ! »,</li>
<li><strong>Sinon</strong> afficher « Ah, qu’y a-t-il ? ».</li>
</ul>
<p>On peut donc résumer la commande <code>Si</code> ainsi :<br>
<code>(Si booléen Alors commande-si-vrai Sinon commande-si-faux)</code></p>
<p>Ou en arrangeant le code sur plusieurs lignes :<br>
<pre><code>(Si booléen
Alors
commande-si-vrai
Sinon
commande-si-faux
)</code></pre></p>
<p>Si on veut détailler, la commande <code>Si</code> possède cinq
paramètres :</p>
<ul>
<li>un booléen,</li>
<li>le mot-clef intermédiaire <code>Alors</code></li>
<li>l’instruction à exécuter si le booléen est <code>Vrai</code>,</li>
<li>le mot-clef intermédiaire <code>Sinon</code></li>
<li>l’instruction à exécuter si le booléen est <code>Faux</code>,</li>
</ul>
<p>Cette commande agit comme un aiguillage pour les rails des trains. En
actionnant l’aiguillage, on décide sur quelle voie va rouler le train.</p>
<p>L’analogie de l’arbre est aussi possible : le déroulement du programme
peut suivre une des deux branches, la branche du « alors » ou la branche du
« sinon ».</p>
<p>Voici d’autres exemples :</p>
<div id="script-si-mdp"></div>
<script>inject_microalg_editor_in('script-si-mdp', {
src:
'(Afficher "Quel est le mot de passe ?")\n' +
'(Si (= (Demander) "funambule")\n' +
' Alors\n' +
' (Afficher "Accès autorisé.")\n' +
' Sinon\n' +
' (Afficher "Accès refusé.")\n' +
')'
});</script>
<div id="script-si-calcul"></div>
<script>inject_microalg_editor_in('script-si-calcul', {
src:
'(Afficher "Combien font deux et deux ?")\n' +
'(Si (= (Demander) "quatre")\n' +
' Alors\n' +
' (Afficher "Bravo !")\n' +
' Sinon\n' +
' (Afficher "Perdu, c’était « quatre ».")\n' +
')'
});</script>
<div id="script-si-majeur-mineur"></div>
<script>inject_microalg_editor_in('script-si-majeur-mineur', {
src:
'(Afficher "Quel âge as-tu ?")\n' +
'(Si (< (Nombre (Demander)) 18)\n' +
' Alors\n' +
' (Afficher "Tu es mineur.")\n' +
' Sinon\n' +
' (Afficher "Tu es majeur.")\n' +
')'
});</script>
<p>Après avoir vu les bases de la commande <code>Si</code>, voyons quelques
variantes :</p>
<ul>
<li><a href="#si-sans-sinon">Si sans « sinon »</a>,</li>
<li><a href="#si-blocs">Si avec plusieurs commandes</a>,</li>
<li><a href="#si-emboites">Si(s) emboîtés</a>,</li>
<li><a href="#si-valeurs">Si avec des valeurs uniquement</a>,</li>
</ul>
<h3 id="si-sans-sinon"><a href="#si-sans-sinon">: </a>Si sans « sinon »</h3>
<p>Il est possible d’ommettre la commande correspondant au « sinon » :</p>
<div id="script-si-sans-sinon"></div>
<script>inject_microalg_editor_in('script-si-sans-sinon', {
src:
'(Si Vrai\n' +
' Alors\n' +
' (Afficher "Bonjour !")\n' +
')\n' +
'(Si Faux\n' +
' Alors\n' +
' (Afficher "Au revoir !")\n' +
')\n' +
'(Afficher "Voilà.")\n' +
''
});</script>
<h3 id="si-blocs"><a href="#si-blocs">: </a>Si avec plusieurs commandes</h3>
<p>On a parfois besoin d’exécuter plusieurs instructions dans une
même branche. Il suffit de bien placer le mot-clef <code>Sinon</code> (si
besoin) et la parenthèse finale.</p>
<div id="script-si-blocs"></div>
<script>inject_microalg_editor_in('script-si-blocs', {
src:
'(Si Vrai\n' +
' Alors\n' +
' (Afficher "Bonjour !")\n' +
' (Afficher "Et rebonjour !")\n' +
' Sinon\n' +
' (Afficher "Au revoir !")\n' +
' (Afficher "Et au revoir encore !")\n' +
')\n' +
'(!!! "Le même code, mais avec l’autre booléen :")\n' +
'(Si Faux\n' +
' Alors\n' +
' (Afficher "Bonjour !")\n' +
' (Afficher "Et rebonjour !")\n' +
' Sinon\n' +
' (Afficher "Au revoir !")\n' +
' (Afficher "Et au revoir encore !")\n' +
')\n' +
''
});</script>
<p>Avec plusieurs commandes, la commande <code>Si</code> est finalement
de la forme :<br>
<code>(Si booléen Alors commandes-si-vrai Sinon commandes-si-faux)</code></p>
<p>Ou en arrangeant le code sur plusieurs lignes :<br>
<pre><code>(Si booléen
Alors
commande-si-vrai
commande-si-vrai
...
Sinon
commande-si-faux
commande-si-faux
...
)</code></pre></p>
<h3 id="si-emboites"><a href="#si-emboites">: </a>Si(s) emboîtés</h3>
<p>Un arbre a parfois plus de deux branches !</p>
<p>Qu’affiche le programme suivant ? Comment lui faire afficher
les autres textes du programme en ne changeant que la valeur des
booléens ?</p>
<div id="script-si-emboites"></div>
<script>inject_microalg_editor_in('script-si-emboites', {
src:
'(Si Vrai\n' +
' Alors\n' +
' (Si Vrai\n' +
' Alors\n' +
' (Afficher "premier")\n' +
' Sinon\n' +
' (Afficher "deuxième")\n' +
' )\n' +
' Sinon\n' +
' (Si Vrai\n' +
' Alors\n' +
' (Afficher "troisième")\n' +
' Sinon\n' +
' (Afficher "quatrième")\n' +
' )\n' +
')'
});</script>
<p>Voici une application concrète d’une structure avec des <code>Si</code>
emboîtés (<code>Declarer</code> et <code>Affecter_a</code> seront vues
en détail un peu plus loin) :</p>
<div id="script-si-emboites-appli"></div>
<script>inject_microalg_editor_in('script-si-emboites-appli', {
src:
'(Declarer nbre De_type "nombre")\n' +
'(Afficher "Veuillez taper un nombre.")\n' +
'(Affecter_a nbre (Nombre (Demander)))\n' +
'(Si (>= nbre 0)\n' +
' Alors\n' +
' (Si (>= nbre 1000)\n' +
' Alors\n' +
' (Afficher "Ce nombre est positif et assez grand.")\n' +
' Sinon\n' +
' (Afficher "Ce nombre est positif ou nul et pas trop grand.")\n' +
' )\n' +
' Sinon\n' +
' (Si (<= nbre -1000)\n' +
' Alors\n' +
' (Afficher "Ce nombre est négatif et assez grand.")\n' +
' Sinon\n' +
' (Afficher "Ce nombre est négatif et pas trop grand.")\n' +
' )\n' +
')'
});</script>
<h3 id="si-valeurs"><a href="#si-valeurs">: </a>Si avec des valeurs uniquement</h3>
<p>Comme une valeur peut être considérée comme une instruction (et
inversement), on peut utiliser <code>Si</code> ainsi :</p>
<div id="script-si-valeurs"></div>
<script>inject_microalg_editor_in('script-si-valeurs', {
src:
'(Afficher (Si Vrai Alors "ici" Sinon "là"))\n' +
'(Afficher (Si Faux Alors "ici" Sinon "là"))\n' +
''
});</script>
<p>Attention, si le booléen est <code>Faux</code> et s’il n’y a pas de
valeur correspondant au « sinon », la commande <code>Si</code> retournera
<code>Rien</code>, qui est un symbole spécial qui représente une absence
de valeur.</p>
<div id="script-si-valeurs-sans-sinon"></div>
<script>inject_microalg_editor_in('script-si-valeurs-sans-sinon', {
src:
'(Afficher (Si Faux Alors "ici"))\n' +
''
});</script>
<h2 id="variables"><a href="#variables">: </a>Variables</h2>
<p>On a parfois besoin de stocker le résultat de <code>(Demander)</code>
pour pouvoir se servir plusieurs fois de cette valeur. En effet, si on
demande deux fois une valeur, l'utilisateur peut ne pas répondre deux fois
la même chose.</p>
<p>Cela peut être :</p>
<ul>
<li>le nom de l'utilisateur, si on veut afficher des phrases contenant
son nom tout au long d'un jeu,</li>
<li>une valeur numérique qui sert plusieurs fois dans un calcul comme
<code>x</code> dans <code>(x+1)(x+2)</code>.</li>
</ul>
<p>Pour pouvoir utiliser une variable avec MicroAlg, il faut :</p>
<ol>
<li>tout d’abord la <em>déclarer</em>, c’est-à-dire annoncer qu’on veut
l’utiliser et qu’elle aura un certain type, en utilisant la commande
<code>Declarer</code>,</li>
<li>lui <em>affecter</em> une valeur, peut-être plusieurs fois au cours
du programme, en utilisant la commande <code>Affecter_a</code>,</li>
<li><em>accéder</em> à sa valeur, simplement en donnant son nom dans une
instruction.</li>
</ol>
<p>Voici quelques exemples :</p>
<div id="script-variable-texte"></div>
<script>inject_microalg_editor_in('script-variable-texte', {
src:
'(!!! "`nom` est le nom de l’utilisateur")\n' +
'(Declarer nom De_type "texte")\n' +
'(Afficher "Quel est votre nom ?")\n' +
'(Affecter_a nom (Demander))\n' +
'(Afficher\n' +
' (Concatener\n' +
' "Bonjour "\n' +
' nom\n' +
' ". "\n' +
' )\n' +