如何在纯javascript中创建可关闭的横幅

我想在顶部制作一个可关闭的横幅：

---

仅使用html、css和javascript检查此引导示例：

或者这把小提琴我很快就组合起来了： JS遵循以下原则：

var btn = document.querySelector('#btn-dismiss');

btn.addEventListener("click", function(){
    var alert = document.querySelector('#fixed-alert');
    alert.style.display = 'none';
});

---

欢迎来到stackoverflow。请显示您尝试过的代码。我们不是来做每个人的家庭作业的。我们可以帮助解决您遇到的错误或问题。这是纯javascript吗？！！如果是，它是新的吗？这在普通浏览器中受支持吗？它是纯JS的。这些浏览器支持IE8+，等等：；所有主要浏览器和IE9+都支持addEventListener+谢谢。我知道有一天这样的查询会被添加到javascript lol中。谢谢！这正是我要找的！