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
Base de données javascript - Conseils pratiques -Javascript
Fonction javascript - Forum Javascript / DHTML
Javascript partie entiere ✓ - Forum Java

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 344
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

Discussions similaires

Calcul de somme dans un formulaire

Partie entiére d'un nombre

remise a zero de fonction

boucle pour additionner les nombres d'un array + affichage du total dans un text

integrer une variable javascript dans un lien hypertext

Votre réponse

Discussions similaires