Salut,
Il s'agit ici de renvoyer une div qui est libre, null sinon.
Il te suffit de parcourir les divs enfants de celle passée en paramètre, et renvoyer la 1ère que tu trouves qui ne contient pas déjà un joueur.
Exemple:
/**
- Renvoie le noeud DOM correspondant à la position disponible pour placer un
- joueur sur le terrain ou null si aucune n'est disponible
- @param {HTMLElement} ligne - une div ligne de joueurs sur le terrain
-
@returns {HTMLElement || null} - une div de class "positions" disponible dans cette ligne
*/
const trouveEmplacement = function(ligne){
let dispo = null; // Valeur par défaut renvoyée si plus de place disponible pour un milieu, un attaquant ou un défenseur (selon la ligne passé en param)
ligne.querySelectorAll('div').forEach(function(c) { // Parse chaque div de la ligne
if (!c.getAttribute('id')) { // Par exemple ici tu vérifies si un id a été attribué (id de joueur quand la place est prise)
dispo = c; // Garde en mémoire cette div libre
}
});return dispo; // Retournera la dernière div libre trouvée, null si plus de place...
}