Pratique de javascript KOUAMI DJOMO

1/8
JULIOSTEPHANEKOUAMIDJOMO
TECHNOLOGIES ET LANGAGES INTERNET
PROJET JAVASCRIPT
Julio Stéphane KOUAMI DJOMO : 6 95521446 / 6 50553887
__________________________________________________________________________________
Projet_1 : Addition de deux nombres
Ecrire un script permettant d’afficher à l’écran la somme de deux nombres saisis au clavier
Solution
html>
<head>
<title>< Addition</title>
</head>
<body>
<script language = "JavaScript">
var nombre1, nombre2, result;
nombre1 = prompt("Entrer le premer nombre");
nombre2 = prompt("Entrer le deuxieme nombre");
result = parseInt(nombre1) + parseInt(nombre2);
alert(result);
</script>
</body>
</html>
Projet_2 : concaténation de deux nombres(Fusion).
Ecrire un script permettant la fusion de deux nombres et qui affiche le résultat à l’écran.
Solution
<html>
<head>
<title>< Fusion de deux npmbres</title>
</head>
<body>
var nombre1, nombre2, result;
nombre1 = prompt("Entrer le premer nombre");
nombre2 = prompt("Entrer le deuxième nombre");
result = nombre1 + nombre2;
alert(result);
</script>
</body>
</html>
Projet_3 : la fonction Confirm()
Ecrire un script permettant de répondre au question suivante « Voulez-vous passer votre examen ? »
si la reponse est oui, le message suivant devra apparaitre à l’écran « Vous devez étudier vos
leçon ».
Solution :

2/8
<html>
<head>
<title> Fonction confirm()</title>
</head>
<body>
<script language ="javascript">
if(confirm("Voulez-vous passer votre baccalaureat"))
{
alert(" Etudier vos leçons");
}
else{
alert("Continuez à troubler partissant du moindre effort");
}
</script>
</body>
</html>
Projet_4 : Conversion d’une chaine de caractère en un nombre. Et conversion d’une chaine en
minuscule en majuscule
Ecrire un script qui permet de connaitre le nombre de mots d’une chaine de caractere , et de convertir
en majuscule ce chaine de caractère
Solution (méthode : length et toUpperCase() )
<html>
<head>
<title> majuscule miniscule </title>
</head>
<body>
<h2><center> Conversion en majuscule et nombre de caracteres d'une chaine</center></h2>
<script language = "javascript">
var myString = 'Ceci est une chaine de caractere';
alert(myString.length);
alert(myString.toUpperCase());
</script>
</body>
</html>
Projet_5 : Fonctions simple
Ecrire une fonction en javascript nommée showMsg aui affiche à l’écran le message « Que vous êtes
intéressant Julio Stéphane ! »
Solution (Méthode : alert() )
html>
<head>
<title> fonction message</title>
</head>
<body>
function showMsg() {
alert("« Que vous êtes intéressant Julio Stéphane ! »");
}
showMsg();

3/8
</script>
</body>
</html>
Projet_6 : Les variables
Ecrire un script qui demande le nom de l’utilisateur et affiche à l’ecran le message « Bonjour Nom »
Solution
html>
<head>
<title> Presenter vous</title>
</head>
<body>
var start = "Bonjour",name, end = "!", result;
name = prompt("Quel est votre nom?");
result = start + name + end;
alert(result);
</script>
</body>
</html>
Projet_7 : Multiplication de deux nombres
Ecrire une fonction JavaScript qui demande à l’utilisateur de saisir deux nombres et affiche le résultat
de la multiplication de ces nombres à l’écran.
Solution
<html>
<head>
<title> Multiplication par 2 </title>
</head>
<body>
<h1><center> Multiplication de deux nombre </center></h1>
function byTwo() {
var result = parseInt(prompt(" Donner un nombre à multiplier par 2"));
alert(result * 2);
}
byTwo();
alert("Vous pouvez faire plus mieux");
byTwo();
</script>
</body>
</html>
Projet_8 : utilisation de paramètre avec la fonction alert()
Ecrire un script qui déclare une variable est l’’assigne avec la méthode prompt() qui prend en
argument une chaine de caractère « Entrez votre nom » et affiche à l’écran la valeur saisie
Solution.
<html>
<head>

4/8
<title> Nom entre </title>
</head>
<body>
var username = prompt('Entrer votre nom');
alert(username);
</script>
</body>
</html>
Projet_9 : Passage des arguments à une fonction
Ecrire un script qui permet de passer un argument à un fonction
Solution :
<html>
<head>
<title> les arguments </title>
</head>
<body>
<h1><center> passer un augment à une fonction</center></h1>
function myFunction(arg) {
alert('votre argument est:' +arg);
}
myFunction(prompt('Que voulez-vous passer en argument à votre fonction ?'));
</script>
</body>
</html>
Projet_10 :
Ecrire une fonction nommée hello qui affiche à l’écran hello world assigné à un variable.
solution
<html>
<head>
<title> Multiplication par 2 </title>
</head>
<body>
function hello() {
var chai ="Hello World";
alert(chai);
}
hello();
</script>
</body>
</html>
Projet_11 : utilisation de condition alternative
Exécuté le code suivant, il permet de faire un choix selon les conditions définies
<html>

5/8
<head>
<title> Structure sinon</title>
</head>
<body>
<h1><center> Structure conditionnelle si...non </center></h1>
var tiroire = parseInt(prompt("Choisissez le tiroire à ouvrir (1 à 4)"));
if (tiroire == 1) {
alert(" Ce tiroire contient diverses outils: des papiers, de crayons etc..");
}
else if (tiroire == 2) {
alert(" ce tiroire contient du materiels informatique: cables, des composants");
}
alert(" Ce tiroire est à clé fermée dommage!");
}
alert(" Ce tiroire contient des vêtement");
}
else {
alert(" Information du jour: le meuble ne contient que quatre tiroirs, et jusqu'a preuve du contraire, le tiroir négatif n'existe pas");
}
</script>
</body>
</html>
Projet_12 : récupération d’une valeur dans un tableau
<html>
<head>
<title> Declaraton de tableau </title>
</head>
<body>
<h3><center> Création de tableau et récupération d'une valeur</center></h3>
var myArray = ['Kouami','Djomo','Julio','Stéphane'];
alert(myArray[2]);
</script>
</body>
</html>
Projet_13 : declaration, creation et ajout des valeurs dans un tableau
html>
<head>
</head>
<body>
<h3><center> utilisation de la methode (push())</center></h3>
var myArray = ['Kouami','Djomo','Julio','Stéphane'];
myArray.push('Suzanne','Flavie','kouague'); // ajoute dans le tableau
myArray.push('Madeleine'); //ajoute madeleine dans le tableau
alert(myArray);
</script>

6/8
</body>
</html>
Projet_14 : suppression une valeur au début et à la fin du tableau
<html>
<head>
</head>
<body>
<h3><center> Utilisation des methodes shift(),pop())</center></h3>
var myArray = ['kouami','Djomo','Julio','Stephane'];
myArray.push('Suzanne','Flavie','kouague');
myArray.push('Madeleine');
myArray.shift(); // retire kouami au début du tableau
myArray.pop(); // retire Madeleine a la fin du tableau
alert(myArray);
</script>
</body>
</html>
Projet_15 : découpage d’un tableau en fonction d’un séparateur.
<html>
<head>
<title> Decoupage du tableau </title>
</head>
<body>
<h3><center>decoupage d'un tableau utilisationde la en fonction (split())</center></h3>
var CousinsString = 'kouami Djomo Julio Stephane' , cousinsArray =
CousinsString.split(' ');
alert(CousinsString);
alert(cousinsArray);
</script>
</body>
</html>
Projet_16 : variables globale et locale
<html>
<head>
<title> Variable globale et locale </title>
</head>
<body>
var message = "Ici la variable globale";
function affiche() {
var message ="Ici variable locale";
alert(message);
}
affiche();
alert(message);
</script>

7/8
JULIOSTEPHANEKOUAMIDJOMOJULIOSTEPHANE
</body>
</html>
Projet_17 : gestionnaire d’évènement en javascript
1- Créer le document à partir du code source fourni ci-dessous.
<HTML>
<HEAD>
<TITLE>Exercice 4JavaScript</TITLE>
</HEAD>
<BODYonLoad = alert("Bienvenue sur ma page !")>
<P>Je suis un document HTML.</P>
</BODY>
</HTML>
2- Quel est le nom de l’évènement géré ici par le code javascript ? Tester dans un navigateur.
3 - Que se passe-t-il lors du chargement de la page dans un navigateur ?
4- Modifier l’exemple précédent pour qu’une boîte de dialogue modale affiche « À bientôt ! »
lorsqu’on quitte la page. Quel est alors le nom de l’évènement à gérer ? Tester dans un
navigateur le changement produit.
Projet_18 : les bases
Insertion de code javascript
Il est possible d’insérer du code javascript de plusieurs manières dans une page HTML :
– interne au document en utilisant l’élément SCRIPT
– externe au document : le code javascript se trouve dans un fichier séparé portant le
plus souvent l’extension .js. On utilise l’attribut SRC de l’élément SCRIPT pour préciser
le chemin du fichier du script.
– directement dans des éléments HTML en précisant le mot clé javascript :
<A HREF="javascript:message()">une fonction js</A>
- code javascript interne au document
1- Créer le document à partir du code source fourni ci-dessous. Quelle est l’extension à donner
à ce document ?
<HTML>
<HEAD>
<TITLE>Exercice1JavaScript</TITLE>
<SCRIPT TYPE="text/javascript">
document.write("<P>Du texte écrit en javascript.</P>");
alert("Hello world ! en javascript");
</SCRIPT>
</HEAD>
<BODY>
<P>Dutexte écrit en HTML.</P>
</BODY>
</HTML>
2- Tester dans un navigateur. Pourquoi le texte écrit en HTML ne s’affiche-t-il pas

8/8
tout de suite ?
3- Comment appelle-t-on le type de boîte de dialogue utilisé dans cet exemple ?
4- Que se passe-t-il si on place le code javascript après le texte écrit en HTML ?
Projet_19 :
On vous donne les informations ci-dessous selon les tranches d’âge : ecrire un script javascript qui
fourni un commentaire selon l’exemple ci-dessous.
Tranche d'âge Exemple de commentaire
1 à 6 ans « Vous êtes un jeune enfant. »
7 à 11 ans « Vous êtes un enfant qui a atteint l'âge de raison. »
12 à 17 ans « Vous êtes un adolescent. »
18 à 120 ans « Vous êtes un adulte. »
Solution
<Script>
var age = parseInt(prompt('Quel est votre âge ?'));
if (1 <= age && age <= 6) {
alert('Vous êtes un jeune enfant.');
} else if (7 <= age && age <= 11) {
alert ('Vous êtes un enfant qui a atteint l'âge de raison.');
} else if (12 <= age && age <= 17) {
alert ('Vous êtes un adolescent.');
} else if (18 <= age && age <= 120) {
alert ('Vous êtes un adulte.');
} else {
alert ('Erreur !!');
}
</Script>

Pratique de javascript KOUAMI DJOMO

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (12)

Similaire à Pratique de javascript KOUAMI DJOMO

Similaire à Pratique de javascript KOUAMI DJOMO (20)

Dernier

Dernier (20)

Pratique de javascript KOUAMI DJOMO