const linkHandler = (e) => {
    e.preventDefault();
    console.log("Click: Link");
}

const divHandler = (e) => {
    e.preventDefault();
    console.log("Click: Div");
}

const buttonHandler = (e) => {
    e.preventDefault();
    console.log("Click: Button");
}

let delegate = {};
delegate['#link'] = linkHandler;
delegate["#div"] = divHandler;
delegate["#button"] = buttonHandler;

document.body.addEventListener("click", function(event){
    let target = event.target;
    for(let selector in delegate){
        if(target == document.querySelector(selector)){
            delegate[selector](event);
        }
    }
});