单击纯javascript显示/隐藏div

我的JavaScript代码不起作用。我想要的是非常简单的，我想在单击parent时显示/隐藏子div。但我想在纯JavaScript中实现它，而不使用jQuery或任何其他库。以下是我的JavaScript代码：

函数addCal（）{
var inDate=document.getElementById（“日期”）；
如果（Indab.PosialNo.Lime
）您添加了<代码> AdvalAs/Cuff>和<代码> ReaveCale<代码>作为同一事件的侦听器。当单击时，<代码> AddiaC>/Cult>将被调用，并且<代码> RelveCale<代码>将立即取消它所做的操作。考虑添加一个侦听器，根据存在的代码来决定调用哪个函数。al

function addCal() {
    var inDate = document.getElementById("date_in");
    var inCal = document.createElement("div");
    inCal.id = "inCal";
    var inText = document.createTextNode("Hello");
    inCal.appendChild(inText);
    inDate.appendChild(inCal);
}

function removeCal() {
    var inCal = document.getElementById("inCal");
    inCal.parentNode.removeChild(inCal);
}

document.getElementById("date_in").addEventListener("click", function () {
    var inCal = document.getElementById("inCal");

    if (inCal) {
        removeCal();
    } else {
        addCal();
    }
});

---

似乎有效，除非我不明白不起作用的部分到底是什么…它根本不起作用，我已经检查了控制台，但没有错误或警告。尝试在onload中添加代码function@minitech：正如我提到的，我想实现隐藏和显示功能，我该如何实现