老师不知道哪里出问题点击并没有弹出框

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

(function(window,document){
    let Msg = function(options){
        this._init(options);
    }
    Msg.prototype._init=function({content=''}){
        this.content=content;
        this._creatElement();
        this._show(this._el);
    }

    Msg.prototype._creatElement=function(){
        let wrap=document.createElement('div');
        wrap.className='msg_wrap';

        wrap.innerHTML='\<div class="msg__wrap">\
        <div class="msg-header">\
          <span>确认删除</span>\
          <span class="msg-header-close-button">×</span>\
        </div>\
        <div class="msg-body">\
          <div class="msg-body-icon">\
            <div class="msg-body-icon-wrong"></div>\
          </div>\
          <div class="msg-body-content">是否删除</div>\
        </div>\
        <div class="msg-footer">\
          <button class="msg-footer-btn msg-footer-cancel-button">算了吧</button>\
          <button class="msg-footer-btn msg-footer-confirm-button">好的</button>\
        </div>\
        </div>';
        this._el=wrap;

    }
    Msg.prototype._show=function(el){
        document.body.appendChild(el);

        setTimeout(function(){
            el.style.transform='translate(-50%,-50%) scale(1,1)';
        });
    }
    window.$Msg=Msg;
})(window,document);

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./弹框.css">
</head>
<body>
    <button id="pop">弹个框</button>

  
  <script type="text/javascript" src="./vue基础/msg.js"></script>
    <script type="text/javascript">
    document.querySelector('#pop').addEventListener('click',function(){
        new $Msg({
            content:"确定清空么"
        });
    });

    </script>
    <script src="./vue基础/msg.js"></script>
</body>
</html>
在这里输入代码，可通过选择【代码语言】突出显示