Sujet Précédent Sujet Suivant

Pourquoi mon code marche sur jsfiddle mais pas sur mon site

Résolu/Fermé
iiiiines - Modifié le 8 juin 2021 à 12:46
 iiiiines - 8 juin 2021 à 15:28
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

Réponse 1 / 4
jordane45 Messages postés 38299 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 novembre 2024 4 704
8 juin 2021 à 12:58
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

0
Réponse 2 / 4
iiiiines
8 juin 2021 à 13:06
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);
    });

})();
0
jordane45 Messages postés 38299 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 novembre 2024 4 704
8 juin 2021 à 13:11
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
0
Réponse 3 / 4
iiiiines
Modifié le 8 juin 2021 à 13:34
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>
0
jordane45 Messages postés 38299 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 novembre 2024 4 704
8 juin 2021 à 14:11
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 ?
0
Réponse 4 / 4
iiiiines
8 juin 2021 à 15:28
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 !
0