Chào mn, e mới tìm hiểu về DOM trong js thì gặp 1 vấn đề về việc bắt sự kiện click khi tạo menu mn góp ý giúp e với ạ.
<div class="menu">
<ul>
<li>
<a href="">Home</a>
<ul class="sub-menu">
<li><a href="">Home 1</a></li>
<li><a href="">Home 2</a></li>
<li><a href="">Home 3</a></li>
<li><a href="">Home 4</a></li>
</ul>
</li>
<li>
<a href="">About</a>
<ul class="sub-menu">
<li><a href="">About 1</a></li>
<li><a href="">About 2</a></li>
<li><a href="">About 3</a></li>
<li><a href="">About 4</a></li>
</ul>
</li>
<li><a href="">Contact</a></li>
<li><a href="">Product</a></li>
<li><a href="">More</a></li>
</ul>
</div>
var a = document.querySelectorAll('.menu > ul >li >a');
for(var i = 0; i<a.length; i++){
let b = a[i];
b.onclick = function(){
console.log(this);
}
}

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?