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

igo95 13 Messages postés dimanche 27 août 2017Date d'inscription 4 octobre 2017 Dernière intervention - 21 sept. 2017 à 00:05 - Dernière réponse : igo95 13 Messages postés dimanche 27 août 2017Date d'inscription 4 octobre 2017 Dernière intervention
- 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
Afficher la suite 

2 réponses

Répondre au sujet
jordane45 19248 Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut 14 décembre 2017 Dernière intervention - 21 sept. 2017 à 09:30
+1
Utile
1
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>

Cette réponse vous a-t-elle aidé ?  
igo95 13 Messages postés dimanche 27 août 2017Date d'inscription 4 octobre 2017 Dernière intervention - 21 sept. 2017 à 21:25
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.