Back

Correction exercices javascript et html : Série 01

Correction exercices javascript et html : Série 01

    Objectif

    • Exécuter son premier script JavaScript avec un navigateur.

  1. 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>



  2. Exercice 04

    1. Énoncé
      • Vous pouvez visualiser l’énoncé de l’exercice
        • Solution
          • Partie: HTML
              • <!DOCTYPE html > 
<html > 
<head> 
<meta http-equiv="Content-type" content="text/html :charset=UTF-8"/>
<title>Identification</title>
</head>
<body>
<div align="center">
<u><h2>Identification</h2></u><br/>
<form>
<!-- premier groupe de composants-->
<fieldset align="left">
<legend ><b>Vos coordonnées</b></legend>
<table border="0">
<tr><td><label>CIN :</label></td><td><input type="text" id="cin" size."40" maxlength="256" placeholder="Saisir votre CIN" /></td></tr>
<tr><td><label>Nom :</label></td><td><input type="text" id="nom" size."40" maxlength="256" placeholder="Saisir votre nom" /></td></tr>
<tr><td><label>Prénom :</label></td><td><input type="text" id="prenom" size="40" maxlength="256" placeholder="Saisir votre prénom" /></td></tr>
<tr align="center"><td colspan="2">
 <u><h2>Votre moyenne annuelle en programmation web</h2></u><br/>
</td></tr>
<tr align="center"><td colspan="2">
 <input type="submit" value="Calculez votre moyenne" onclick="javascript:quoi()"/><br/>
</td></tr>
</table>
</fieldset>
</form>
</div>
</body>
</html>
          • Partie: CSS
              • <style>
fieldset {
			width: 500px;
			border: 2px solid #dcdcdc;
			border-radius: 10px;
			padding: 10px 20px;
			text-align: leftt;
		}
</style>
          • Partie: Javascript
              • <script>
	function quoi() {

		var cin=document.getElementById('cin').value;;
		var nom=document.getElementById('nom').value;;
		var prenom=document.getElementById('prenom').value;
		if((cin)  && (nom) && (prenom)){
		ssomme=0;
			for(i=1;i<4;i++){
					trimestre = prompt('Mosieur  :'+nom +' '+prenom+' Cin : '+cin+' \n'+
					'Saisir la moyenne du  '+i+' trimèstre :','00.00');
					while (isNaN(trimestre) || (trimestre<0) || (trimestre>20)) {
    					trimestre = prompt('Mosieur  :'+nom +' '+prenom+' Cin : '+cin+' \n'+
					'	Saisir la moyenne du  '+i+' trimèstre :','00.00');
					}
					ssomme=(ssomme+parseFloat(trimestre));
			}
			ma=parseFloat(ssomme/3);
			ma=ma.toFixed(2);
			if(ma<10){
				alert(" Votre moyenne annuelle est :"+ma +" c'est peu");
			}
			else if(ma<12){
				alert(" Votre moyenne annuelle est :"+ma +" Passable");
			}
			else if(ma<14){
				alert(" Votre moyenne annuelle est :"+ma +" Assez bien");
			}
			else if(ma<16){
				alert(" Votre moyenne annuelle est :"+ma +" Bien");
			}
			else{
				alert(" Votre moyenne annuelle est :"+ma +" Excellent");
			}
		}
		else{
				alert(" Saisir toute les données");
			}
	}
</script>



author avatar
Riadh HAJJI

Riadh HAJJI

You may also like

Correction exercices les évènements en JavaScript Série01
8 octobre, 2022

La syntaxe de base de Javascript Les variables en JavaScript Les opérateurs en JavaScript Les événements en javascript Exercices les opérateurs en JavaScript : Série 01 (Correction) Exercices les évènements en JavaScript : Série 01 (Correction) Correction exercices les évènements …

Exercices les évènements en JavaScript : Série 01
8 octobre, 2022

La syntaxe de base de Javascript Les variables en JavaScript Les opérateurs en JavaScript Les événements en javascript Exercices les opérateurs en JavaScript : Série 01 (Correction) Exercices les évènements en JavaScript : Série 01 (Correction) Exercices les évènements en …

Correction Exercices les Fonctions en Javascript Série 01
7 mai, 2021

Les fonctions en Javascript Les fonctions, Expressions et fonctions fléchées en Javascript Exercices les fonctions en javascript Série 01 (Correction) Correction Exercices les Fonctions en Javascript Série 01 Exercice 01 Énoncé Vous pouvez visualiser l’énoncé de l’exercice Solution Rappel Une …

Leave A Reply