Des scripts sur code pen

Signaler
-
 Martinez -
Bonjour, et merci d'avance, je suis à peine moyen en css.

Je trouve des beaux scripts html, css, javascript
sur code pen comme celui qu'indique le lien ci-dessous, et bien lorsque je veux les inclure dans une page html, je place la css dans <head>, le javascript aussi et la partie html dans <body>.
Hélas je dois oublier quelque chose car aucun des scripts ne fontionnne.
Est ce que quelqu'un peut m'expliquer?
Merci beaucoup


https://codepen.io/eduardoboucas/pen/qdaOWv

Configuration: Windows / Firefox 89.0

2 réponses

Messages postés
2380
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
11 juin 2021
446
Salut,

L'exemple que tu donnes utilises jQuery pour le javascript, il faut également l'inclure dans ta page html.

Bonne journée,
ok mais je ne sais pas inclure jQuery
Messages postés
2380
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
11 juin 2021
446 > Martinez
Pour utiliser jQuery dans ton document html tu dois ajouter une balise script qui pointe vers le fichier js jQuery. Cette balise doit être placée avant tes autres balises script. Par exemple pour utiliser la dernière version de jQuery (3.6.0) :
<!doctype html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="mon_script.js"></script>
</head>
<body>
	<!-- ... -->
</body>
</html>

Plus de détail : https://sutterlity.gitbooks.io/apprendre-jquery/content/installation/index.html
Téléchargement/CDN jQuery : https://jquery.com/download/
merci beaucoup, j'aurai appris quelque chose d'important.
Mais les codes que je copie et colle à partir de code pen ne fonctionnent pas ceci pour tous.
Je vais chercher un peu comment on doit utiliser ces codes quandil y a du js car pour les autres (css et html ça fonctionne) encore merci!