Problème d'appel d'une fonction javascript [Résolu]

Signaler
Messages postés
13
Date d'inscription
dimanche 27 août 2017
Statut
Membre
Dernière intervention
4 octobre 2017
-
Messages postés
13
Date d'inscription
dimanche 27 août 2017
Statut
Membre
Dernière intervention
4 octobre 2017
-
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

Messages postés
32478
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
15 mai 2021
347
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>

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

Merci jordane45