Попытка настроить таргетинг на недвижимость, на которую кто-то нажал в Vanilla JS

Question

Я делаю Tic-Tac-Toe игру с JavaScript, и мне нужно выяснить, как нацелить определенное свойство, на которое нажал игрок, для функции, предотвращающей перекрытие X и O.

const fillerX = {
    fillX1: document.getElementById('fillerX1'),
    fillX2: document.getElementById('fillerX2'),
    fillX3: document.getElementById('fillerX3'),
    fillX4: document.getElementById('fillerX4'),
    fillX5: document.getElementById('fillerX5'),
    fillX6: document.getElementById('fillerX6'),
    fillX7: document.getElementById('fillerX7'),
    fillX8: document.getElementById('fillerX8'),
    fillX9: document.getElementById('fillerX9')
};

const fillerO = {
    fillO1: document.getElementById('fillerO1'),
    fillO2: document.getElementById('fillerO2'),
    fillO3: document.getElementById('fillerO3'),
    fillO4: document.getElementById('fillerO4'),
    fillO5: document.getElementById('fillerO5'),
    fillO6: document.getElementById('fillerO6'),
    fillO7: document.getElementById('fillerO7'),
    fillO8: document.getElementById('fillerO8'),
    fillO9: document.getElementById('fillerO9')
};


function noLap(){
    if (fillerO.target.style.display="block" || fillerX.target.style.display="block"){
        console.log("it worked!!");
    };
};

Answer 1

Используйте event.target в вашей функции onclick:

function clickHandler(event) {
    var clickedBox = event.target; //This will be the thing the user clicked on
    //Do something with clickedBox
}