У меня есть четыре кнопки и я хочу проследить, какая из них нажата. В некоторых из них я изменил свойство innerHTML с помощью тега HTML. Затем я заметил, что при нажатии кнопки имеется возможность, что mouseEvent.target является не кнопкой, а самим текстом. Это происходит только тогда, когда нажата кнопка изменения тега html.

Вот часть кода JS:

for (var i = 0; i < 4; i++){        
    buttons[i].innerHTML = countries[index]["c"];
    buttons[i].onclick = clickHandler;

}

buttons[correct_btn].innerHTML = "" + countries[target_id]["c"] + "";

function clickHandler(me){
    console.log(me.target);
}

Надеюсь, я четко описал проблему. Я мог бы обойтись без HTML-тега в кнопках, но я все еще задаюсь вопросом, есть ли способ избежать нацеливания на текст кнопки. Или может быть, что мой подход к отслеживанию кнопок с самого начала неверен?