如何用纯JavaScript替换标签栏的JQuery Click侦听器？

Question

我有以下使用Jquery的代码，以获取在选项卡侦听器中单击的选项卡的ID。这是我项目中唯一使用Jquery的代码（因此，为什么要用纯JS替换它）。

$("#tab-container").on("click", "li", function (event) {
    currentPuzzle = puzzleIDs[parseInt(this.id) - 1]
})

以下是相应的html：

<div id="tab-container" class="tabs is-centered is-small is-fullwidth is-marginless is-paddingless" style="height: 5%">
    <ul>
        <li id="1" class="is-active">
            <a>1</a>
        </li>
        <li id="2">
            <a>2</a>
        </li>
        <li id="3">
            <a>3</a>
        </li>
        <li id="4">
            <a>4</a>
        </li>
        <li id="5">
            <a>5</a>
        </li>
    </ul>
</div>

如何用纯JS替换代码示例？