Avez-vous une question? (216) 97 656 803 hajjriadh@gmail.com
JavaScript

Correction exercices javascript et html : Série 01

Un cours complet pour maîtriser Correction exercices javascript et html : Série 01.

0 chapitres 0 QCM Accès gratuit
Commencer Retour aux cours
Sommaire du cours
La syntaxe de base de Javascript
Où et comment insérer du JavaScript ?
Les variables en JavaScript
Exercice les variables en JavaScript
Les chaînes de caractères en JavaScript
TP les chaines de caractères en JavaScript
Les limites du langage HTML
Historique du langage JavaScript
Apport de JavaScript
Les objets JavaScript
Les opérateurs en JavaScript
Exercice divers en JavaScript Série 02
L’accès aux éléments HTML en Javascript
Les conditions if else en JavaScript
La structure switch en JavaScript
Autres catégories
News
Microsoft Office
Les cours de programmation
MOS
WordPress
Ressources pédagogiques
Voir tout le catalogue

    Objectif

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

  • 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>

  • 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>
<u><h2>Identification</h2></u><br/>
<form>
<!-- premier groupe de composants-->
<fieldset>
<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><td colspan="2">
 <u><h2>Votre moyenne annuelle en programmation web</h2></u><br/>
</td></tr>
<tr><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>