Pourquoi mon code marche sur jsfiddle mais pas sur mon site [Résolu]

Signaler
-
 iiiiines -
Bonjour à tous. Ma programmation sur jsfiddle marche très bien, mais quand je le copie sur mon code, ça ne marche plus. Lorsque je regarde la console, on met dit que $ n'est pas définie. Voici mon code:
https://jsfiddle.net/1xdw2hs4/
Pourriez vous m'aider ?
Merci beaucoup et bonne journée !

4 réponses

Messages postés
32933
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 juin 2021
3 553
Bonjour
Sur ton site as-tu mis en place la librairie jQuery ?
Il faudrait nous montrer le code complet de la page sur laquelle tu essaies de mettre en place ce script.

Ps: pour poster ton code sur le forum tu devras utiliser les balises de code.
Explications à lire entièrement, disponibles ici :https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

Bonjour, merci beaucoup de votre réponse. Non, je n'ai pas mis de jquery, en fait je ne sais pas vraiment comment faire.
mon code html:
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="RE.css">
  <script type="text/javascript" src="script.js"></script>
</head>
<body><input type="date" id="date-input" required />
    <input type="date" id="date-input2" required />
    <button id="submit">Submit</button>
        </body>
</html>



et javascript:
(function(){
    $('#submit').on('click', function(){
     var date = new Date($('#date-input').val());
      day = date.getDate();
      month = date.getMonth() + 1;
      year = date.getFullYear();
      console.log([day,month,year]);
     var date2 = new Date($('#date-input2').val());
      day2 = date2.getDate();
      month2 = date2.getMonth() + 1;
      year2 = date2.getFullYear();
      console.log([day2,month2,year2]);
      var difference = date2.getTime()-date.getTime();
      var nuits = difference / (1000 * 3600 * 24);
console.log(nuits,' nuits');
document.write("Le nombre de nuit est " + nuits);
    });

})();
Messages postés
32933
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 juin 2021
3 553
Ton code est en écrit pour fonctionner avec la librairie jQuery il te faut donc l'inclure dans ta page...
Si tu ne sais pas comment faire, heureusement pour toi, il existe des milliers d'exemples, tutoriel sur le net qui te l'expliquent.
https://www.google.com/search?q=inclure+jquery
J'ai donc intégrer une librairie jQuery. Maintenant, la console ne me dit plus que $ n'est pas définie, mais le programme ne se lance pas. Quand on appuie sur submit, le calcule ne se lance pas et les dates n'apparaissent pas.

<script
  src="https://code.jquery.com/jquery-2.0.2.js"
  integrity="sha256-0u0HIBCKddsNUySLqONjMmWAZMQYlxTRbA8RfvtCAW0="
  crossorigin="anonymous"></script>
Messages postés
32933
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 juin 2021
3 553
Tu as vidé le cache de ton navigateur ?
Tu n'as pas d'autres erreurs qui apparaissent dans la console ?
Tu as bien mis le jquery AVANT ton script js ?

Peux tu nous montrer ton code html complet ?
Bonjour, merci beaucoup, ça marche enfin ! Peut etre que c'est le fait d'avoir vider le cache, je ne sais pas vraiment. Merci encore du temps que vous avez passé ! Passez une bonne journée !