Chaines

Création et Utilisation des chaînes de caractères.

Exemple

Dans le dossier 1-Bases :

  • Ajoutez le fichier 2-chaines.html

1
<!DOCTYPE html>
2
<html lang="fr">
3
  <head>
4
    <title>JS Chaines</title>
5
    <meta charset="utf-8" />
6
    <meta name="viewport" content="width=device-width, initial-scale=1" />
7
    <link
8
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css"
9
      rel="stylesheet"
10
      integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
11
      crossorigin="anonymous"
12
    />
13
  </head>
14
  <body>
15
    <header class="p-2 bg-secondary text-light bg-gradient">
16
      <section>
17
        <h2>JS - Chaîne de caractères</h2>
18
      </section>
19
    </header>
20
21
    <main class="p-4">
22
      <h1>Exercice</h1>
23
      <h2>Ajouter dans le fichier 2-chaines.js :</h2>
24
      <ul>
25
        <li>
26
          Déclaration des variables : nom:dupont, prenom:jean, age:30, phrase1,
27
          phrase2, phrase3, phrase4, initiales
28
        </li>
29
        <li>
30
          Affecter les variables à l'aide des autres variables :
31
          <ul>
32
            <li>
33
              phrase1 : <b>Je m'appelle jean dupont et j'ai 30 ans</b> (avec ")
34
            </li>
35
            <li>
36
              phrase2 : <b>Je m'appelle jean dupont et j'ai 30 ans</b> (avec `)
37
            </li>
38
            <li>phrase3 : <b>L'année prochaine j'aurai 31 ans</b></li>
39
            <li>phrase4 : <b>Mon nom contient 6 lettres</b></li>
40
            <li>initiales : <b>jd</b> (initiales de la personne)</li>
41
          </ul>
42
        </li>
43
        <li>Afficher les variables dans la console</li>
44
      </ul>
45
    </main>
46
47
    <footer>
48
      <nav class="navbar navbar-expand-lg navbar-light bg-secondary bg-gradient">
49
        <ul class="navbar-nav mr-auto mb-2 mb-lg-0">
50
          <li class="nav-item">
51
            <a class="nav-link" href="https://www.univ-littoral.fr/">ULCO</a>
52
          </li>
53
          <li class="nav-item">
54
            <a class="nav-link" href="https://fcu.univ-littoral.fr/">FCU</a>
55
          </li>
56
          <li class="nav-item">
57
            <a class="nav-link" href="https://deust-bcmm.univ-littoral.fr/">W2D</a>
58
          </li>
59
        </ul>
60
      </nav>
61
    </footer>
62
63
    <script src="js/2-chaines.js"></script>
64
  </body>
65
</html>
66
  • Dans le dossier js ajoutez le fichier 2-chaines.js
Exercice :
  • Ajouter dans le fichier 2-chaines.js :
    • Déclaration des variables : nom:dupont, prenom:jean, age:30, phrase1, phrase2, phrase3, phrase4, initiales
    • Affecter les variables à l'aide des autres variables :
      • phrase1 : Je m'appelle jean dupont et j'ai 30 ans (avec ")
      • phrase2 : Je m'appelle jean dupont et j'ai 30 ans (avec `)
      • phrase3 : L'année prochaine j'aurai 31 ans
      • phrase4 : Mon nom contient 6 lettres
      • initiales : jd (initiales de la personne)
    • Afficher les variables dans la console
  • Ouvrez dans votre navigateur le fichier 2-chaines.html
  • Ouvrez la console