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

Messages postés
13
Date d'inscription
dimanche 27 août 2017
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
Afficher la suite 

Votre réponse

1 réponse

Meilleure réponse
Messages postés
23619
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
16 décembre 2018
1
Merci
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>

Dire « Merci » 1

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

Codes Sources a aidé 98 internautes ce mois-ci

igo95
Messages postés
13
Date d'inscription
dimanche 27 août 2017
Dernière intervention
4 octobre 2017
-
Merci jordane45
Commenter la réponse de jordane45

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.