Initiation la programmation

Le langage utilis sera le Javascript.

Tout diteur de texte suffit pour crire du Javascript, mais nous utiliserons ici le logiciel gratuit SciTE.
Pour le tlcharger, taper scite dans un moteur de recherche et aller sur le site de scintilla (choisir la
version full pour windows !
Le site internet http!""www.tout#avascript.com pourra aussi $tre utile.
Le fichier Modele.html sera le point de dpart de tous les programmes crits. Le code sera crit entre les
deux %alises &script language'(Java)cript(* et &"script* !
&html*
&head*&title*&"title*
&"head*
&%od+*
&script language'(Java)cript(*
&"script*
&"%od+*
&"html*
I-Premiers programmes
,. -uvrir le dossier programmes, puis le fichier NomPrenom.html.
Le script est ci.dessous !
&html*
&head*
&title*/om.Prnom&"title*
&"head*
&%od+*
&h,*0fficher mon nom 1&"h,*
&script language'(Java)cript(*
nom'prompt((2uel est votre /om 3(4 ""prompt ouvre une boite de dialogue
prenom'prompt((2uel est votre Prnom 3(4
document.write((&h5*votre nom est ! (6prenom6( (6nom6(&"h5*(4
""document.write permet dcrire dans le document
&"script*
&"%od+*
&"html*
Remarques :
permet d7crire des commentaires 2ui ne seront pas pris en compte par le programme.
Le nom est stoc8 dans la varia%le nom et le prnom dans la varia%le prenom.
Les %alises !h"#!h"# et !h$#!h$# sont des %alises 9T:L permettant de mettre en forme le texte.
C
G
Le signe ' n7est pas le signe gal au sens mathmati2ues. ;l permet ici de donner une valeur < une
varia%le. -n peut voir a=3 comme a3.
5. -uvrir le fichier Mo%&.html.
Le script est ci.dessous !
&html*
&head*&title*:o+enne de = notes&"title*
&"head*
&%od+*
&script language'(Java)cript(*
prem'prompt((>ntrer la premi?re note(4
prem'eval(prem4 ""eval permet d'valuer la variable prem (renvoie un nombre), et
la valeur est remise dans prem
deux'prompt((>ntrer la deuxi?me note(4
deux'eval(deux4
trois'prompt((>ntrer la troisi?me note(4
trois'eval(trois4
mo+'(prem6deux6trois"=4
document.write((La mo+enne est ! (6mo+4
&"script*
&"%od+*
&"html*
=. >xercices Ouvrir Modele.html avec ci!" ou le #loc $ote et cli%uer sur @ichier A >nregistrer sous
et nommer le &ichier "'(.html (par e'emple). )ttention * ne pas oublier le +.html+ ,
>xercice , ! Bcrire un programme permettant de calculer l7aire d7un triangle, connaissant la %ase %
et la hauteur h.
>xercice 5 ! Bcrire un programme permettant de calculer le volume d7un c+lindre.
>xercice = ! Bcrire un programme permettant de calculer la TC0 (,D,E F sur un prix 9T (9ors
Taxe donn et de calculer le prix TTG (Toutes Taxes Gomprises. (PTTG'P9T6TC0
>xercice H ! Gonnaissant deux nom%res a et %, crire un programme 2ui rend leur 2uotient 2 et leur
reste r dfinies par a'%26r, avec r'I ou r&% (division euclidienne
>xercice J ! Bcrire un programme 2ui demande trois nom%res a, % et c et 2ui effectue une
permutation circulaire, donc rend c, a, % (la valeur de c doit $tre dans la varia%le a, la valeur de a dans la
varia%le % et la valeur % dans la varia%le c.
II-Tester une condition avec Si-'lors-Sinon
La s+ntaxe est la suivante !
if (condition vraie
Kinstruction,L
else Kinstruction5L
Remarque : la deuxi?me partie (else Kinstruction5L n7est pas o%ligatoire.
,. -uvrir le fichier i(.html.
>ssa+er avec un nom%re suprieur ou gal < J. Puis recharger la page (cli2uer sur actualiser ou appu+er
sur @J et entrer un nom%re infrieur < J.
C
G
Le script est ci.dessous !
&html*
&head*&title*instruction if&"title*
&"head*
&%od+*
&script language'(Java)cript(*
x'prompt((>ntrer un nom%re suprieur ou gal < J(4
x'eval(x4
if (x*'J
Kdocument.write((Mravo 1(L
else Kdocument.write((Perdu 1(L
&"script*
&"%od+*
&"html*
5. >xercices
>xercice E ! Bcrire un programme 2ui demande deux nom%res et rend le plus grand.
>xercice N ! :$me exercice avec trois nom%res.
>xercice O ! Bcrire un programme 2ui pose J 2uestions notes sur deux et 2ui rend la note sur ,I.
III-)oucles
,. 0vec compteur ! instruction (or
,.,. -uvrir le fichier SommeNentiers.html.
Le script est ci.dessous !
var )'I
/'prompt((>ntrer /(
for (i',4i&'/4i66"" i-- permet d'incrmenter i, c'est * dire d'a.outer ( * i (i=i-()
K)')6iL
document.write((&h,*la somme des (6/6( premiers entiers est ! (6)6(&"h,*(
,.5. >xercices
>xercice D ! Bcrire un programme 2ui demande le nom%re de notes, puis calcule la
mo+enne.
>xercice ,I ! Bcrire un programme 2ui affiche tous les nom%res impairs infrieurs < /
apr?s avoir demand /.
5. )ans compteur ! instruction *hile
5.,. -uvrir le fichier Mo%N.html.
Le script est ci.dessous !
n'prompt((Gom%ien de notes aveP.vous 3(4
n'eval(n4
var a',4
var )'I4
while (a&'n
K
note'prompt((>ntrer la note (6a4
note'eval(note4
)')6note4
a664
L
:')"n4
document.write((La mo+enne est ! (6:4
C
G
5.5. >xercices
>xercice ,, ! Bcrire un programme 2ui dtermine la mo+enne d7un ensem%le de notes sans
savoir au dpart com%ien il + aura de notes entres. Le test d7arr$t peut $tre l7entre d7un nom%re ngatif.
>xercice ,5 ! Bcrire un programme dont le %ut est de faire deviner un nom%re entier de
l7intervalle QI4,IIR choisi par l7ordinateur (utiliser la fonction :ath.random. 0 cha2ue essai, le
programme devra rendre Sagn 1 si le nom%re a t devin, ou Plus petit ou Plus grand suivant
la position du nom%re propos. -n pourra galement donner le nom%re d7essais.
I+-Ta,leau-
,. Coici une variante du script du fichier :o+/.html !
n'prompt((Gom%ien de notes aveP.vous 3(4
n'eval(n4
var a'I4
var )'I4
T'new 0rra+(n.,4
while (a&'n.,
K
TQaR'prompt((>ntrer la note (6eval(a6,4
TQaR'eval(TQaR4
)')6TQaR4
a664
L
:')"n4
document.write((La mo+enne est ! (6:4
T.ne* 'rra%/n-"0 permet de crer un ta%leau avec n cases. Les notes seront stoc8es dans les cases TQIR,
TQ,R, TQ5R, ..., TQn.,R (ce 2ui fait %ien n cases. Par exemple, pour n'= avec les notes ,5 4 D et ,=, les cases
seront TQIR, TQ,R, TQ5R. >t on aura !
,5 D ,=
T T T
TQIR TQ,R TQ5R
5. >xercices
>xercice ,= ! Bcrire un programme 2ui demande une liste de notes, puis 2ui affiche cette liste
(vous pouveP vous servir d7une partie du script ci.dessus.
>xercice ,H ! Bcrire un programme 2ui renverse les lments d7une liste (la liste de notes de
l7exercice ,= par exemple.
C
G
Les principaux oprateurs javascript
1p2rateurs 3escription
4 plus
- moins
5 multipli par
divis par
6 modulo (reste de la division par
. affectation (a la valeur de
.. est gal < (est utilis dans les comparaisons
! infrieur <
!. infrieur ou gal <
# suprieur <
#. suprieur ou gal <
7. diffrent
4. plus gal (l7expression -4.% correspond < -.-4%
-. moins gal (l7expression --.% correspond < -.--%
5. multipli gal (l7expression -5.% correspond < -.-5%
. divis gal (l7expression -.% correspond < -.-%
88 oprateur >T
99 oprateur -U
-44 incrmentation (-.-4"
--- dcrmentation (-.--"
C
G
Quelques fonctions mathmatiques
:onctions 3escription
Math.ceil entier suprieur < un nom%re
Math.cos cosinus d7un nom%re
Math.(loor entier infrieur < un nom%re
Math.ma- le plus grand de deux nom%res
Math.min le plus petit de deux nom%res
Math.PI constante
Math.po* calcule un nom%re < la puissance d7un deuxi?me
Math.random un nom%re alatoire compris entre I et ,
Math.round valeur arrondie
Math.sin sinus d7un nom%re
Math.sqrt racine carre d7un nom%re
Math.S;RT$ racine carre de 5
Math.tan tangente d7un nom%re
Christophe Grospellier
C
G