heure de rendez-vous en javascript
Bonjour,
je voudrais faire un petit formulaire que demande à l'utilisateur son arrivée et lui donne un rendez-vous 20mn plutard.Merci de votre aide!!!
voici mon code:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
|
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://wwww.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<title> exercice 2</title>
<script type="text/javascript" src="exo2.js"></script>
</head>
<body >
<h1 style="text-align:center;"> Veuillez entrer l´heure d´arrivée ! </h1>
<form action="" id="heure" >
<fieldset>
<h2>
<input type="text" value="0" name="heure1" id="H"/>h<input type="text" value="0" name="minute" id="M"/> mn
<input type="button" value="Valider" name="val"/> <input type="reset" value="reset"/>
</h2>
<h1> votre rendez vous est fixé á </h1>
<h1 id="rv"></h1>
</fieldset>
</form>
</body>
</html> |
mon fichier js :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
|
window.onload=init;
function init() {
document.getElementById("heure").val.onclick=rendezvous;
}
function rendezvous(){
var h,m;
h=document.getElementById("heure").H.value;
m=document.getElementById("heure").M.value;
rendevou=h+''+:+' '+ m+20;
document.getElementById("rv").innerHTML=rendevou;
} |