Javascript 我正在尝试添加close函数

我已经在网站页脚创建了一个电子邮件订阅表单。但问题是，当我单击关闭图标时，表单不会消失

var按钮=document.querySelector（“#close”）；
addEventListener（“单击”，函数（）{
var t=document.querySelector（div.getAttribute（“数据目标”）；
t、 style.display=“无”==t.style.display？”块：“无”
});

加载。。。
接近
电邮通讯
来自印度和世界各地的最佳技术更新

现在订阅
您将错误的内容与查询选择器匹配。
您试图获取具有“close”id的元素，但代码中没有

这可以通过将
id=“close”
添加到要触发所定义的单击功能的thr标记来安排

例如：

<div id="close" class="hook-close-btn sprite-img">Close</div>


接近
电邮通讯
来自印度和世界各地的最佳技术更新

现在订阅
你的目标是什么

var t = document.querySelector(div.getAttribute("data-target"));

您的代码应该是：

<div id="popup" class="hook-section js-common-hook">    //your box

<div id="close" class="hook-close-btn sprite-img">Close</div>      // your button

基本上，您需要修复元素的名称。
让我知道它是否有效：）
what
document.querySelector（div.getAttribute（“数据目标”）
指的是什么？请用codepen或类似的东西链接一个片段，不要链接到可能只是垃圾邮件的帖子或网站，不是说你在做垃圾邮件，而是可能会被认为是垃圾邮件。我非常抱歉。我删除了包含站点链接的评论。@Farookahmadbhat没关系，我知道这是错误的或类似的，只是想给你一个提示：）以防万一（我假设你是新来的，所以不要担心），无论如何，我已经更新了答案，应该会给你一个更好的主意。
var button = document.querySelector("#close");
button.addEventListener("click", function() {
  var t = document.querySelector("#popup"));
  t.style.display = "none";
});