Bonjour à tous !

Je suis actuellement entrain de m'amuser à faire un morpion en js afin de pouvoir le porter sur cordova et en faire une mini app mobile...

Bref, j'ai utilisé des button que j'ai mis dans des div au lieu d'un tableau, parce que visuellement, je trouve ça mieux :soleil:

Le problème est que je n'arrive pas à retrouver mes button.value, ce qui m'empêche de pouvoir continuer, le but la serai de récupérer la value du button et lui donner avec un truc du type "button.innerHTML = "X" ou "O" en fonction de qui à joué avant.

le code :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
 
<html>
 
<head>
<style>
#jeu div
{
        width: 500px;
        margin: auto;
        clear: both;
}
#jeu button
{
        width: 150px;
        height: 150px;
        font-weight: bold;
        font-size: 50px;
        margin: 8px;
        float: left;
}
 
</style>
 
</head>
<body>
 
 
<div id="jeu">
 
<div>
 
<button value="0"></button>
 
<button value="1"></button>
 
<button value="2"></button>
 
</div>
<div>
 
<button value="3"></button>
 
<button value="4"></button>
 
<button value="5"></button>
 
</div>
<div>
 
<button value="6"></button>
 
<button value="7"></button>
 
<button value="8"></button>
 
</div>
 
 
 
 
 
</div>
 
 
 
 
<script>
/* TIC TAC TOE */
var caseJeu = document.querySelectorAll("#jeu button");
 
for (i=0; i < caseJeu.length ; i++)
        { 
        caseJeu[i].addEventListener("click", function ()
        {
        alert(caseJeu[i]);
        
        });
        
        
                
        }       
 
 
 
 
 
</script>
</body>

Merci d'avance à ceux qui prendrons le temps de m'aider !