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

A voir également:

Problème d'appel d'une fonction javascript
Récupérer données json (javascript) - Conseils pratiques -Javascript
Javascript poo - Conseils pratiques -Javascript
Fonction calcul somme javascript - Forum Javascript / DHTML
Fonction javascript ✓ - Forum Javascript / DHTML
Base de données javascript - Conseils pratiques -Javascript

1 réponse

Réponse 1 / 1

jordane45 Messages postés 37521 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 3 juin 2023 341
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>

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

Votre réponse