Как получить идентификатор элемента, когда я нажимаю на элемент

Question

У меня есть 2 элемента div (HTML), а id - это div1 и div2. Когда я нажимаю на любой элемент div, мне нужен идентификатор текущего div ... idea?

<div id="div1"></div>
<div id="div2"></div>

<div id="displayid"></div>

if(clickedDivId = this.id){
var div = document.getElementsByTagName("div");
var divCount = div.length;
var clickedDivId;
for (var i = 0; i < divCount; i += 1) {

    div[i].onclick = function(e) {
        clickedDivId = this.id;
        event.stopPropagation();

    };
} 
}

document.getElementById("displayid").innerHTML = ??clickedDivId??how;

Answer 1

попробуйте изменить свой код

var div = document.getElementsByTagName("div");
var divCount = div.length;
var clickedDivId;
for (var i = 0; i < divCount; i += 1) {

    div[i].onclick = function(e) {
        e.stopPropagation();
        clickedDivId = this.id;        
        document.getElementById("displayid").innerHTML = this.id;

    };
}

Answer 2

document.addEventListener('click',function(e){
  var divToDisplay = event.target.id
  document.getElementById('displayid').innerHTML = divToDisplay
})

<div id="div1">DIV TEST 1</div>
<div id="div2">DIV TEST 2</div>

<div id="displayid"></div>

Answer 3

используйте this.id, чтобы получить id кликаемого делителя.

document.querySelectorAll('div')
    .forEach(div => {
        div.addEventListener('click', function() {
            console.log(this.id);
        })
    })

<div id="div1">Div 1</div>
<div id="div2">Div 2</div>

<div id="displayid">Div 3</div>