Javascript新特性:弹出式菜单

Question

我正在尝试做一个网站，但现在我被困在了JS的领域里。我对HTML和CSS没意见，但当涉及到JS时，我觉得自己完全是个笨蛋。

这是我到目前为止所拥有的(我确信它是大错特错的)……

var clicked = getElementById('loginIcon').clicked;
function showHideLogin() {
    if (clicked) {
        getElementById('loginField').visibility = "visible";
    }
    else {
        getElementsById('loginField').visibility = "hidden";
    }
}

求求你，仁慈一点。我刚刚开始学习JS，我抓狂了，感觉自己像个十足的笨蛋……

我正在尝试做一个只有当一个图标(png)被点击时才显示的登录。否则，它就会被隐藏起来。

编辑:感谢你到目前为止的回复。这就是我在多大程度上是一个菜鸟: Atom说“Node不被识别为内部或外部命令”，通过Googling搜索，我发现这意味着我没有Node JS (我必须更深入地研究才能理解)。

谢谢你们。如果它还是不工作，我会让你知道的。

Answer 1

试一试

getElementById('loginField').style.visibility =“可见”；

Answer 2

您没有正确设置可见性。它应该是：

getElementById('loginField').style.visibility = "visible";

此外，我不确定何时应该调用showHideLogin，但设置事件处理程序的规范是注册一个函数。类似于：

getElementById('loginIcon').onclick = function() {
    // perhaps some conditions or other logic
   getElementById('loginField').visibility = "visible";
};