Javascript 需要帮助将数据插入html吗

我想在html文件中插入一个Javascript变量的值。但是输出是空白的。所需数据存储在变量中，但html文件中的输出为空

我的htmll文件

姓名：Anon

注册号码：

文件写入（regno）

我的数据\u inp.js文件

//获取regno
firebase.auth（）.onAuthStateChanged（函数（用户）{
如果（用户）{
console.log（用户）；
var email=firebase.auth（）.currentUser.email；
var regno=email.substring（0，email.length-8）；
//电子邮件就是这样。1234@xyz.com其中1234是regno，所以我使用这个方法来分隔regno
控制台日志（regno）；
}
});

---

我做错了什么？

也许您希望将所有javascript保存在一个文件中，将所有html保存在一个文件中，并使用document.getElementById（）以特定元素为目标

html

---

在HTML中，删除

脚本

，并使用

id

创建

span

，然后将span的

内部文本

作为目标

<p>Registration Number: <span id="dynamic-value"></span></p>

---

您是否缺少一个

myElement.append（newcontent）

？

//get regno
firebase.auth().onAuthStateChanged(function(user) {
    if (user) {
        console.log(user);
        var email = firebase.auth().currentUser.email;
        var regno = email.substring(0, email.length - 8);
        //email is eg. 1234@xyz.com where 1234 is regno so I used this method to separate the regno
        console.log(regno);

        var myElement = document.getElementById("registrationNumber");
        var newcontent = document.createElement('div');
        myElement.append(newcontent);
        newcontent.innerHTML = regno;
    }
});

<p>Registration Number: <span id="dynamic-value"></span></p>

document.getElementById('dynamic-value').innerText = regno