Detect click inside an svg javascript

<div id="anim">
    <svg>
        <defs><clipPath id="__lottie_element_2"></defs>
        <g>
            <g class="aaaaa"></g>
            <g id="bbbbb"></g>
            <g id="ccccc"></g>
        </g>
    </svg>
</div>

Detect when I click on class=”aaaa” inside id=”anim” and throw an alert. alert(“you have pressed class” aaaa)
Detect when I click on id=”bbbbb” inside id=”anim” and throw an alert. alert(“you have pressed id” bbbbb)

thank you

    window.addEventListener("load", function () {
    
    
    let element = document.querySelector("div.anim > svg > g > g").getAttribute("id");

    element.addEventListener("click", function() {
    alert("You clicked");
    

      });