Problème d'appel d'une fonction javascript

Résolu
igo95
Messages postés
13
Date d'inscription
dimanche 27 août 2017
Statut
Membre
Dernière intervention
4 octobre 2017
- Modifié le 21 sept. 2017 à 00:06
igo95
Messages postés
13
Date d'inscription
dimanche 27 août 2017
Statut
Membre
Dernière intervention
4 octobre 2017
- 21 sept. 2017 à 21:25
Bonsoir tt le monde,

J'ai un problème au niveau d'appel de ma fonction JavaScript quand je exécute mon programme sans utiliser un formulaire HTML mon programme fonctionne très bien.

Mais dans le cas contraire non.

voila mon code:
<script>
function jour(){
var date1=document.forms['form1'].elements['date1'].value
var date2=document.forms['form1'].elements['date2'].value
var da=date1.split("/")[2]
var da1=date2.split("/")[2]
var dd=da1-da
document.forms['form1'].elements['jour'].value=dd;
}
</script>
<form name="form1">
<input type="text" id="date1" name="date1">
<input type="text" id="date2" name="date2">
<input type="text" id="jour" name="jour">
<button onclick="return jour();">Clic</button>
</form>

Mon script fait la différence entre deux année et dans la page HTML(formulaire) je veux appeler ma fonction mais le problème ça n'a pas marché.

Et merci

1 réponse

jordane45
Messages postés
35416
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mai 2022
356
21 sept. 2017 à 09:30
Bonjour,

Déjà... prend l'habitude de travailler avec les ID.
Ensuite, ajoutes un preventDefault sur le submit.
Penses aussi à placer tes scripts JS de préférence à la fin de ton body..

<html>
	<head>
		<title>TEST</title>
		<meta charset="utf8">
	</head>
	<body>
		<form name="form1" onsubmit=" event.preventDefault();">
			<input type="text" id="date1" name="date1" value="01/01/2017">
			<input type="text" id="date2" name="date2" value="05/01/2017">
			<input type="text" id="jour" name="jour">
			<button onclick="return getjour();">Clic</button>
		</form>
	<script type="text/javascript">
		function getjour(){
			var date1=document.getElementById('date1').value
			var date2=document.getElementById('date2').value
			var da=date1.split("/")[2]
			var da1=date2.split("/")[2]
			var dd=da1-da
			document.getElementById('jour').value=dd;
			return false;
		}
		</script>
	</body>
</html>

1
igo95
Messages postés
13
Date d'inscription
dimanche 27 août 2017
Statut
Membre
Dernière intervention
4 octobre 2017

21 sept. 2017 à 21:25
Merci jordane45
0