Sujet Précédent Sujet Suivant

JQuerty ne fonctionne pas

Résolu/Fermé
nico6475 - Modifié par nico6475 le 21/11/2015 à 15:46
 nico6475 - 22 nov. 2015 à 09:09
Bonjour, je suis débutant dans le jQuerty et en JavaScript et je ne sais pas pourquoi ma page ne fonctionne pas. Sur un site pour apprendre à coder (codecademy) ce même code fonctionne mais pourtant après un copié collé sur notepad++, le code ne fonctionne pas. Merci!
voila mon html,CSS,JS:
///////////////////////////////////////////////////////////////////////////////////////////////
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Disparition</title>
<link rel='stylesheet' type='text/css' href='stylesheet.css'/>
<script type='text/javascript' src='script.js'></script>
</head>
<body>
<div id="blue"></div>
<div></div>
<div></div>
<div></div>
<br/><button>Cliquez sur moi !</button>
</body>
</html>
////////////////////////////////////////////////////////////////////////////////////////////
CSS:
div {
height: 100px;
width: 100px;
display: inline-block;
background-color: #F38630;
border-radius: 5px;
}

#blue {
background-color: #A7DBD8;
}
/////////////////////////////////////////////////////////////////////////////////////////////
Js:
$(document).ready(function() {
$('button').click(function() {
$('#blue').fadeOut('slow');
});
});

tous ces fichiers sont dans un même dossier et leurs nom sont: index.html / stylesheet.css / script.js

1 réponse

Réponse 1 / 1
Tomy2e Messages postés 816 Date d'inscription jeudi 21 février 2013 Statut Membre Dernière intervention 18 août 2016 858
Modifié par Tomy2e le 22/11/2015 à 01:58
Bonjour, tu dois inclure la bibliothèque jQuery dans ta page HTML, rajoute ça dans ton <head></head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
0
nico6475
22 nov. 2015 à 09:09
Merci beaucoup!!! ça marche!
0