Des scripts sur code pen

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

  • Votes
  • Date
  • Date décroissante
  1. 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!
    1. Salut,

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

      Bonne journée,
      1. ok mais je ne sais pas inclure jQuery
      2. @MartinezPour 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/