A ideia é ordenar as letras para escrever um element HTML5 neste caso o "tfoot". Mas quando eu troco a segunda letra t pelo o não me troca direito. Eu sei porquê. é porque o index que eu peguei corresponde ao primeiro elemento com esse innerHTML, neste caso o index do t será o primeiro t o que está errado. Eis o meucódigo javascript.
word = gameMechanics[1];
let lettertoSwitch = 0; // To be in the scope of the function
let letterToBeSwitchedWith = 0;
let indexLettertoSwitch = 0;
letters.forEach((letter) => {
letter.addEventListener("click", (e) => {
if(turn % 2 === 0){ // If its the first time the user clicks on the letter
lettertoSwitch = letter.style.order; // Stores the position of the letter
indexLettertoSwitch = word.indexOf(letter.innerHTML); // Stores the index of the letter
turn ++;
}else if(turn % 2 === 1){ // If its the second time the user clicks on a letter
letterToBeSwitchedWith = letter.style.order; // Stores the position of the letter
turn ++;
}
if(turn % 2 == 0 && turn !== 0){ // If the player has made to moves and its not the first turn
letter.style.order = lettertoSwitch; // Switches the current letter with the first one clicked
letters[indexLettertoSwitch].style.order = letterToBeSwitchedWith; // Switches the second clicked letter with first one clicked
console.log(lettertoSwitch, letterToBeSwitchedWith);
}
})
Como é que eu posso obter o index da letra através da propriedade order do elemento, pois é a única propriedade única que consegue distinguir as mesmas letras? Poderia usar o evento para aceder ao index do elemento?