What are the differences between these two this in the snippet below
const myAnchors = document.querySelectorAll("a");
function changeHrefs(elem){
elem.attributes.href.value = "#";
}
function addBlocker(){
myAnchors.forEach(changeHrefs);
myAnchors.forEach(function(anchor){
anchor.addEventListener('click', function(e){
console.log(`X Coord = ${e.clientX}, Y Coord = ${e.clientY} ${this}`);
console.log(this);
})
})
}