[Alexander3928]

HTML

<div id="buttons">
        <button class="buttonClass">Click me</button>
        <button class="buttonClass">Click me</button>
        <button class="buttonClass">Click me</button>
    </div>

В index.js файл script.js

import './script.js';

P.S. я собираю вебпаком поэтому index.js финальный файл и в нем script.js, а в script.js все другие файла javascript

В файле script.js находится test.js

import './test.js';

В файле test,js я хочу вызвать функцию buttList.js

import {buttList} from "./buttList.js";

function test(root) {

    buttList();
    
}

А в файле buttList.js у меня записанно событие клика

function buttList(root) {

    document.getElementById("buttons").addEventListener("click", (event) => {
        if(event.target.className === "buttonClass") {
            console.log("Click")
        }
    });
    
export {buttList}
}

Да я тупонул ошибки не будет, но если я кликаю на кнопки мне в консоль не выводит "Click".