Discussion :

[lg12210]

bonjour a tous
voilà je débute en JavaScript actuellement je suis bloqué sur la récupération d’un id alors comme ça paraît pas compliquer, mais pour moi débutant je galère depuis un bon moment maintenant.

voilà mon souci : j’ai créé un tableau avec une 100*cellules.
il se génère automatiquement en JavaScript (chaque cellule a un id)
dans ce tableau, il y a des cellules qui contiennent des class et qui change de place a chaque actualisation de la page du coup je voudrais savoir comment je peux faire pour récupéré l’id de la cellule ou ce trouve la class en sachant que ce n’est jamais la même du coup j’étais parti sur le fait de récupéré l’id en passe pas la class, mais je ne trouve pas quel sélecteur utiliser .

le code qui place la class personnage1 sur le tableau :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
for(let i=0; i<1; i++ ){
    let cellid=  Math.floor(Math.random()*Math.floor(99));
    if(cellid<10){
      cellid="0"+cellid
    }
    cellid="cell"+cellid;
    let personnage1=document.getElementById(cellid);
    personnage1.classList.add("personnage1");
  }

du coup je voudrais récupérer l'id de la cellule d'où se place le personnage1

merci bcp.

[Invité]

Bonjour,

Au pif.... : cellid ?

N.B.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

for(let i=0; i<1; i++ ){

Donc, pour i = 0... et c'est tout !
Et vu que i n'est pas utilisé dans la suite du code : cette ligne ne sert à rien !

[lg12210]

jreaux62 .

bonjour le souci et que cellid en'st pas spécifique au personnage1

il n'y aurait pas un moyen de passer par la class pour récupérer l'id où il se trouve

[Invité]

C'est tout ce qu'on peut déduire de tes 9 lignes de code.

[lg12210]

voici le code

Code :

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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
// mise en place de la map
function myFunction(){
  let body = document.getElementsByTagName("body")[0];
 
 
  let tbl = document.createElement("table");
  let tblBody = document.createElement("tbody");
 
 
  for (let i = 0; i < 10; i++) {
 
    let row = document.createElement("tr");
 
    for (let j = 0; j < 10; j++) {
 
      var cell = document.createElement("td");
      cell.setAttribute('id',"cell"+ i + j );
 
      console.log(cell);
      row.appendChild(cell);
    }
 
    tblBody.appendChild(row);
  }
 
 
  tbl.appendChild(tblBody);
 
  body.appendChild(tbl);
 
 
  tbl.setAttribute("id", "tableau");
  tbl.setAttribute("width", "600px");
  tbl.setAttribute("height", "600px");
  tbl.setAttribute("border","1");
 
 
  // mise en place des case bloquer 
  function caseNoir(){
    for(var i=0; i<15; i++ ){  
      var cellid=  Math.floor(Math.random()*Math.floor(99));
      if(cellid<10){
        cellid="0"+cellid
      }
      cellid="cell"+cellid;
      var cell=document.getElementById(cellid);
      cell.classList.add("caseBloquer");
    }
  }
  caseNoir();
 
 
 
  // mise en place des joueur 
 
  //joueur1
  for(var i=0; i<1; i++ ){
    var cellid=  Math.floor(Math.random()*Math.floor(99));
    if(cellid<10){
      cellid="0"+cellid
    }
    cellid="cell"+cellid;
    var personnage1=document.getElementById(cellid);
    personnage1.classList.add("personnage1");
 
  }
 
 
  //joueur2 
 
  for(var i=0; i<1; i++ ){
    var cellid=  Math.floor(Math.random()*Math.floor(99));
    if(cellid<10){
      cellid="0"+cellid
    }
    cellid="cell"+cellid;
    var personnage2=document.getElementById(cellid);
    personnage2.setAttribute("id","personnage2"); 
 
  }
 
  //mise en place des 4 armes
  function armes(){
    for(var i=0; i<4; i++ ){ 
      switch(i){
        case 0 :  var cellid=  Math.floor(Math.random()*Math.floor(99));
        if(cellid<10){
          cellid="0"+cellid
        }
        cellid="cell"+cellid;
        var arme1=document.getElementById(cellid);
        arme1.classList.add("arme1");
        break;
        case 1 :  var cellid=  Math.floor(Math.random()*Math.floor(99));
        if(cellid<10){
          cellid="0"+cellid
        }
        cellid="cell"+cellid;
        var arme2=document.getElementById(cellid);
        arme2.classList.add("arme2");
        break;
        case 2:  var cellid=  Math.floor(Math.random()*Math.floor(99));
        if(cellid<10){
          cellid="0"+cellid
        }
        cellid="cell"+cellid;
        var arme3=document.getElementById(cellid);
        arme3.classList.add("arme3");
        break;
        case 3 :  var cellid=  Math.floor(Math.random()*Math.floor(99));
        if(cellid<10){
          cellid="0"+cellid
        }
        cellid="cell"+cellid;
        var arme4=document.getElementById(cellid);
        arme4.classList.add("arme4")
        break;
 
      }
    }
  }
  armes();

[javatwister]

Salut,

à clarifier encore!
Tu utilises x fois une variable que tu nommes cellid, qui désigne des réalités différentes, qui génère des id numériques...; et tu appelles getElementById() sur des éléments ne faisant pas partie du DOM;