Correction exercices javascript et html : Série 01
Correction exercices javascript et html : Série 01
- 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
SRCde l’élémentSCRIPTpour 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
-
Énoncé
- Vous pouvez visualiser l’énoncé de l’exercice
-
Solution
-
Partie: HTML
-
Partie: CSS
-
Partie: Javascript
Objectif
<!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> <style>
fieldset {
width: 500px;
border: 2px solid #dcdcdc;
border-radius: 10px;
padding: 10px 20px;
text-align: leftt;
}
</style><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>