Début javascript-lien vers un fichier js

Bonjour,

Je débute en javascript, et j'ai essayé de reproduire un exemple trouvé sur codepen.
J'ai recopié le code suivant tel quel dans un fichier nommé fade.js:

var header = $('header');
var range = 200;

$(window).on('scroll', function() {

  var scrollTop = $(this).scrollTop();
  var offset = header.offset().top;
  var height = header.outerHeight();
  offset = offset + height / 2;
  var calc = 1 - (scrollTop - offset + range) / range;

  header.css({
    'opacity': calc
  });

  if (calc > '1') {
    header.css({
      'opacity': 1
    });
  } else if (calc < '0') {
    header.css({
      'opacity': 0
    });
  }

});

et rajouté dans mon html <script type='text/javascript' src="fade.js"></script> dans le head.
Pourtant le lien ne se fait pas entre mon js et mon html.

Pouvez vous me dire ce qui ne va pas? Y a t'il quelque chose à rajouter dans le .js pour que ça fonctionne?

Merci pour votre aide

Bonjour Multizoubi,
la première idée qui me vient à l'esprit : disposes-tu de la bibliothèque jquery en stock, à laquelle tu dois faire appel également, parce tes écritures js l'invoquent notoirement ?

Bonjour,

Dans mon code html j'ai fait appel à la bibliothèque via google <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

mais ça n'a pas l'air de fonctionner...

merci pour ton aide!

Bonjour et bienvenue,

la Console (F12) dit-elle quelque chose sur des erreurs JS ?
L'onglet réseau de ce même F12 indique-t-il que - après un Ctrl-F5 des familles - le/les fichiers se chargent ou pas (et y en a-t-il qui manqueraient) ? Ça peut être un problème de chemin quand les fichiers HTML, CSS et JS ne sont pas dans le même répertoire.
Sur http://validator.w3.org, pas d'erreur de syntaxe du code HTML ?
Modifié par Felipe (10 Sep 2015 - 14:02)

Merci pour votre réponse!
Je viens en fait de trouver la solution, j'ai déplacé mon script juste avant ma balise </html> et ça fonctionne!

Merci pour votre aide!