1.
Ecrire un programme JS qui étant donné un nom saisi à partir d’une zone de texte, affiche le
message suivi de ce nom.
2. Ecrire un programme Js qui étant un nombre saisi dans une zone de texte de départ, l’affiche
dans la zone de texte d’arrivé au clic du bouton.
3. Ecrire un programme JS qui étant donnés deux nombres saisis par l’utilisateur ; calculer la
somme et l’affiche dans une troisième zone de texte au click du bouton.
4. Ecrie un programme JS qui écrit en toute lettre un nombre saisie par l’utilisateur et l’affiche
dans un paragraphe (de 0 à 99)
<!Doctype html>
<html lang="fr">
<head>
</head>
<body>
<form method="GET" action="" name="form3">
<label> Nombre</label>
<input type="text" name="nombre" id="nombre" ><br>
<input type="button" value="En toute lettre" onclick="conct()">
</form>
<p id="p1">
</p>
<script type="text/javascript">
function conct(){
function unit(){
var
nombre_saisie=parseInt(document.getElementById("nombre").value);
var diz=Math.floor(nombre_saisie);
var unit=nombre_saisie%10;
var enToute;
var nombre=unit;
switch(nombre){
case 1:
enToute="un";
break;
case 2:
enToute="deux";
break;
case 3:
enToute="trois";
break;
case 4:
enToute="Quatre";
break;
case 5:
enToute="cinq";
break;
case 6:
enToute="six";
break;
case 7:
enToute="sept";
break;
case 8:
enToute="Huit";
break;
case 9:
enToute ="Neuf";
break;
default:
enToute="nombre non reconnu";
break;
}
return enToute;
}
function dizaine(){
var
nombre_saisie=parseInt(document.getElementById("nombre").value);
var diz=parseInt(Math.floor(nombre_saisie)/10);
var unit=nombre_saisie%10;
var enToute;
var nombre=diz;
switch(diz){
case 1:
enToute="Dix";
break;
case 2:
enToute="Vingt";
break;
case 3:
enToute="trente";
break;
case 4:
enToute="Quarante";
break;
case 5:
enToute="cinqante";
break;
case 6:
enToute="soixante";
break;
case 7:
enToute="septante";
break;
case 8:
enToute="Huitante";
break;
case 9:
enToute ="Nonante";
break;
default:
enToute="nombre non reconnu";
break;
}
return enToute;
}
document.getElementById("p1").innerHTML=dizaine()+"
"+unit();
}
</script>
</body>
</html>
5. Ecrire un programme Js qui affiche à la dans un paragraphe et dans une zone de texte la
valeur d’un bouton sélectionner par l’utilisateur à partir d’un formulaire.
Code source
Resultats
6. Créer un petit calculateur avec HTML, JS. Les opérations sont la multiplication, la division, la
soustraction et l’addition.
Pour cela nous avons besoin de trois zones de texte pour les deux nombres et les résultats ;
de quatre boutons d’option et un bouton de calcul.
<!Doctype html>
<html>
<head>
</head>
<body>
<form method="GET" action="" name="form1">
<label> Nombre 1</label>
<input type="text" name="nbr1" id="nbr1"><br>
<label> Nombre 2</label>
<input type="text" name="nbr2" id="nbr2"><br>
<input type="radio" name="signe" value="addition"> +
<input type="radio" name="signe" value="soustraction">-
<input type="radio" name="signe" value="division">/
<input type="radio" name="signe" value="multiplication">X
<input type="button" name="bt1" value="calculer" onclick="val()"><br>
<label> Resultat</label>
<input type="text" name="res" id="r"><br>
</form>
<script type="text/javascript">
function val(){
var btn=document.querySelectorAll('input[name="signe"]');
var resultat;
for(var bt of btn){
if(bt.checked){
resultat=bt.value;
break;
}
var nombre1=parseFloat(document.getElementById("nbr1").value);
var nombre2=parseFloat(document.getElementById("nbr2").value);
var calcul;
if(resultat=="addition"){
calcul=nombre1+nombre2;
document.getElementById("r").value=calcul;
else if(resultat=="soustraction"){
calcul=nombre1-nombre2;
document.getElementById("r").value=calcul;
else if(resultat=="division"){
calcul=nombre1/nombre2;
document.getElementById("r").value=calcul;
else if(resultat=="multiplication"){
calcul=nombre1*nombre2;
document.getElementById("r").value=calcul;
else{
alert("choisir le signe");
</script>
<body>
</html>
7. Ecrire un programme JS classe le mot de passe saisi par l’utilisateur en trois catégories
suivantes :
Moins de 5 caractères : Faible
5 à 9:
10 caractères et plus : Fort
Résultat
