在单击两次后使用 JavaScript 为链接加下划线（不一定是连续单击）

Question

到目前为止，我所做的是在 Bootply 上使用this code 单击链接后显示带下划线的链接。但是，因为我对 JavaScript 相当陌生，所以我不知道如何修改我的 JS 函数，以便下拉菜单链接（“2”）被加下划线，必须单击它两次（不一定连续） ，即单击一次以使菜单下拉，然后再次为它加下划线。我当时的想法是在该函数中包含某种条件语句，以考虑“2”下划线必须满足的特殊条件，但我不知道该怎么做。

任何想法将不胜感激！

Answer 1

Demo

link.onclick = function() {
    this.classList.toggle('underline', ++this.dataset.clickTimes >= 2);
};
link.dataset.clickTimes = 0;

.underline {
    text-decoration: underline;
}