Trouver un nombre
Exemple :
Dans le dossier 4-objetsNoyau :
Ajoutez le fichier 2-trouverNombre.html
1
2
<html lang="fr">
3
<head>
4
<title>JS Jeux Touver Nombre</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
<style> main > div {background-color: #c5c5c5;}</style>
14
</head>
15
<body>
16
<header class="p-2 bg-secondary text-light bg-gradient">
17
<section>
18
<h2>JS - Trouver Nombre (<a href="https://www.vincent-vanneste.fr/videos/javascript/js-trouverNombre.mp4">video</a>)</h2>
19
</section>
20
</header>
21
22
<main>
23
<div class="m-3 p-3 row" >
24
<p>Retrouvez le nombre</p>
25
<div class="col input-group mb-3">
26
<span class="input-group-text">Proposition</span>
27
<input type="text" id="proposition" class="form-control">
28
</div>
29
30
<div class="col">
31
<input type="text" id="resultat" class="form-control" readonly />
32
</div>
33
34
<div class="col-auto">
35
<button type="submit" onclick="verifier()" class="btn btn-primary">Vérifier</button>
36
</div>
37
<div class="col-auto">
38
<button type="submit" onclick="jeu()" class="btn btn-primary">Rejouer</button>
39
</div>
40
</div>
41
42
</main>
43
44
<footer>
45
<nav class="navbar navbar-expand-lg navbar-light bg-secondary bg-gradient">
46
<ul class="navbar-nav mr-auto mb-2 mb-lg-0">
47
<li class="nav-item">
48
<a class="nav-link" href="https://www.univ-littoral.fr/">ULCO</a>
49
</li>
50
<li class="nav-item">
51
<a class="nav-link" href="https://fcu.univ-littoral.fr/">FCU</a>
52
</li>
53
<li class="nav-item">
54
<a class="nav-link" href="https://deust-bcmm.univ-littoral.fr/">W2D</a>
55
</li>
56
</ul>
57
</nav>
58
</footer>
59
60
<script src="js/2-trouverNombre.js"></script>
61
</body>
62
</html>
Dans le dossier js ajoutez le fichier 2-trouverNombre.js
1
const proposition = document.querySelector('#proposition');
2
const resultat = document.querySelector('#resultat');
3
let solution, tentative;
4
5
const jeu = () => {
6
7
}
8
9
jeu();
10
11
const verifier = () => {
12
13
};
Exercice :
Complétez le fichier 2-trouverNombre.js :
voir la vidéo du résultat : https://www.vincent-vanneste.fr/videos/javascript/js-trouverNombre.mp4
Ouvrez dans votre navigateur le fichier 2-trouverNombre.html