Des scripts sur code pen

Martinez -  
 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

  1. Pitet Messages postés 2845 Statut Membre 530
     
    Salut,

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

    Bonne journée,
    1
    1. Martinez
       
      ok mais je ne sais pas inclure jQuery
      0
      1. Pitet Messages postés 2845 Statut Membre 530 > 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/
        0
  2. Martinez
     
    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!
    0