Variables
Création et Utilisation d'une variable
Exemple :
Dans le dossier 1-Bases :
Ajoutez le fichier 1-variables.html
1
2
<html lang="fr">
3
<head>
4
<title>JS Variables</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 - Variables</h2>
18
</section>
19
</header>
20
21
<main class="p-4">
22
<h1>Exercice</h1>
23
<h2>Ajouter dans le fichier 1-variables.js :</h2>
24
<ul>
25
<li>Déclaration des variables : nombre1, nombre2, nombre3, nom</li>
26
<li>Donner des valeurs aux variables</li>
27
<li>nombre3 est égal à la somme de nombre1 et nombre2</li>
28
<li>Afficher les variables dans la console</li>
29
<li>Afficher la variable prenom</li>
30
</ul>
31
</main>
32
33
<footer>
34
<nav class="navbar navbar-expand-lg navbar-light bg-secondary bg-gradient">
35
<ul class="navbar-nav mr-auto mb-2 mb-lg-0">
36
<li class="nav-item">
37
<a class="nav-link" href="https://www.univ-littoral.fr/">ULCO</a>
38
</li>
39
<li class="nav-item">
40
<a class="nav-link" href="https://fcu.univ-littoral.fr/">FCU</a>
41
</li>
42
<li class="nav-item">
43
<a class="nav-link" href="https://deust-bcmm.univ-littoral.fr/">W2D</a>
44
</li>
45
</ul>
46
</nav>
47
</footer>
48
49
<script src="js/1-variables.js"></script>
50
</body>
51
</html>
52
Dans le dossier js ajoutez le fichier 1-variables.js
Exercice :
Ajouter dans le fichier 1-variables.js :
Déclaration des variables : nombre1, nombre2, nombre3, nom
Donner des valeurs aux variables
nombre3 est égal à la somme de nombre1 et nombre2
Afficher les variables dans la console
Afficher la variable prenom
Ouvrez dans votre navigateur le fichier 1-variables.html
Ouvrez la console