TP JavaScript : Gestion des Dates
Transféré par
palmtreepanikTP JavaScript : Gestion des Dates
Transféré par
palmtreepanikNiveau : 3ème STI Mme Jalila SOUI CHEBAANE
TP (Date+Java Script)
1. Créer la page HTML « [Link] » puis saisir le code suivant afin de déduire le rôle de
chaque objet Date :
<!DOCTYPE html>
<html>
<body>
<script>
function calcul(){
d1=Date();
d=new Date(d1);
[Link]("res1").innerHTML=[Link]();
[Link]("res2").innerHTML=[Link]()+1;
[Link]("res3").innerHTML=[Link]();
[Link]("res4").innerHTML=[Link](25);
[Link]("res5").innerHTML="**"+[Link]();
[Link]("res6").innerHTML=[Link](6);
[Link]("res7").innerHTML="****"+[Link]();
[Link]("res8").innerHTML=[Link](1998);
[Link]("res9").innerHTML="******"+[Link]();
[Link]("res10").innerHTML="******"+[Link]();
} </script>
<form>
<input type="button" onclick="calcul()" value="calculer">
</form>
<h1 id="res1"></h1>
<h1 id="res2"></h1>
<h1 id="res3"></h1>
<h1 id="res4"></h1>
<h1 id="res5"></h1>
<h1 id="res6"></h1>
<h1 id="res7"></h1>
<h1 id="res8"></h1>
<h1 id="res9"></h1>
<h1 id="res10"></h1>
</body>
</html>
1
Niveau : 3ème STI Mme Jalila SOUI CHEBAANE
Application :
➢ Créer la page html donnée ci-dessous et l’enregistrer sous le nom « [Link] ».
➢ Appeler dans l’entête de votre page HTML, le fichier « [Link] » afin d’appliquer les mises en
forme nécessaires.
➢ Appeler le fichier « [Link] » permettant de calculer l’âge d’un internaute donné.
Correction
Fichier « [Link] »
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="[Link]"></script>
<link rel="stylesheet" href="[Link]">
</head>
<body>
<h1>calcul age</h1>
<form>
<label>date de naissance:</label>
<input type="date" id="dn">
<br><br>
<button type="button" onclick="calculer()">calculer votre age: </button>
<br><br>
<label>votre age est :</label>
<input type="text" id="res">
</form>
2
Niveau : 3ème STI Mme Jalila SOUI CHEBAANE
</body>
</html>
Fichier « [Link] »
h1{
text-align: center;
text-transform: uppercase;
color: red;
font-size: 30px;
font-family: Georgia, 'Times New Roman', Times, serif;
background-color: aqua;
}
label{
font-family: verdana;
text-decoration: underline;
font-style: oblique;
font-size: 20px;
}
button{
position: relative;
left: 150px;
background-color:yellow;
color: blue;
font-weight: bold;
font-size: 20px;
}
input{
font-size: 30px;
font-weight: bold;
color: red;
}
Fichier « [Link] »
function calculer(){
d=[Link]("dn").value;
d1= new Date(d);
d2=Date()
d3=new Date(d2);
a1=[Link]();
a2=[Link]();
age=a2-a1;
[Link]("res").value=age;