Javascript 使用textContent更改/添加我的html文件中的文字

我正在努力找出我做错了什么，以及为什么我所做的不起作用。。如果有人能提供正确的代码和解释，那就太好了

基本上，我需要的是，当点击按钮并填写名称时，会出现一个额外的行，上面写着“做得好，您已完成任务1”，但我无法让它发生，并尝试了多种方法。它需要位于HTML文件中的位置

HTML

    <h1> Input and Output using Javascript</h1>
    <p id="message"> THis is some text in a paragraph </p>

    <p><span id="newmessage"></span></p>
    <p><button type="button" id="clickme">Click Me!</button></p>

---

嗯，

writeNewMessage

没有在任何地方被调用，所以不确定这是在做什么，但所有其他的似乎都起作用了：

函数promptName（）{
var sName=prompt（“输入您的姓名。\n单击“单击我”按钮时，应显示此提示。”，“您的姓名”）；
警报（“你好”+sName+”。警报框是在开发代码时检查变量状态的快速方法。”）；
重写段落（sName）；
writeNewMessage（）；
}
函数重写段落（用户名）{
var message=document.getElementById（“消息”）；
message.innerHTML=“Hi”+userName+”。如果您能看到这一点，您已经成功地覆盖了此段落的内容。祝贺您！！”；
}
函数writeNewMessage（）{
document.getElementById（“newmessage”）.innerHTML=“您现在已完成任务1”；
}
函数init（）{
var clickMe=document.getElementById（“clickMe”）；
clickMe.onclick=promptName；
}
window.onload=init
使用Javascript输入和输出
这是段落中的一些文本

点击我
 
好的
writeNewMessage
没有在任何地方被调用，因此不确定这是在做什么，但所有其他的似乎都起作用了：


函数promptName（）{
var sName=prompt（“输入您的姓名。\n单击“单击我”按钮时，应显示此提示。”，“您的姓名”）；
警报（“你好”+sName+”。警报框是在开发代码时检查变量状态的快速方法。”）；
重写段落（sName）；
writeNewMessage（）；
}
函数重写段落（用户名）{
var message=document.getElementById（“消息”）；
message.innerHTML=“Hi”+userName+”。如果您能看到这一点，您已经成功地覆盖了此段落的内容。祝贺您！！”；
}
函数writeNewMessage（）{
document.getElementById（“newmessage”）.innerHTML=“您现在已完成任务1”；
}
函数init（）{
var clickMe=document.getElementById（“clickMe”）；
clickMe.onclick=promptName；
}
window.onload=init
使用Javascript输入和输出
这是段落中的一些文本

点击我
 
首先，您需要修复打字错误。然后需要调用函数：
writeNewMessage（）

注意，您可以删除
var newMessage=document.getElementById（“clickme”）因为它什么都没做


函数promptName（）{
var sName=prompt（“输入您的姓名。\n单击“单击我”按钮时，应显示此提示。”，“您的姓名”）；
警报（“你好”+sName+”。警报框是在开发代码时检查变量状态的快速方法。”）；
重写段落（sName）；
}
函数重写段落（用户名）{
var message=document.getElementById（“消息”）；
message.innerHTML=“Hi”+userName+”！如果您能看到这一点，您已经成功地覆盖了此段落的内容。祝贺您！！”；
writeNewMessage（）；//<需要调用
}
函数writeNewMessage（）{
//var newMessage=document.getElementById（“clickme”）；//<
document.getElementById（“newmessage”）.innerHTML=“您现在已完成任务1”；
}
函数init（）{
var clickMe=document.getElementById（“clickMe”）；
clickMe.onclick=promptName；
}
window.onload=init
使用Javascript输入和输出
这是段落中的一些文本

点击我
 
首先，您需要修复打字错误。然后需要调用函数：
writeNewMessage（）

注意，您可以删除
var newMessage=document.getElementById（“clickme”）因为它什么都没做


函数promptName（）{
var sName=prompt（“输入您的姓名。\n单击“单击我”按钮时，应显示此提示。”，“您的姓名”）；
警报（“你好”+sName+”。警报框是在开发代码时检查变量状态的快速方法。”）；
重写段落（sName）；
}
函数重写段落（用户名）{
var message=document.getElementById（“消息”）；
message.innerHTML=“Hi”+userName+”！如果您能看到这一点，您已经成功地覆盖了此段落的内容。祝贺您！！”；
writeNewMessage（）；//<需要调用
}
函数writeNewMessage（）{
//var newMessage=document.getElementById（“clickme”）；//<
document.getElementById（“newmessage”）.innerHTML=“您现在已完成任务1”；
}
函数init（）{
var clickMe=document.getElementById（“clickMe”）；
clickMe.onclick=promptName；
}
window.onload=init
使用Javascript输入和输出
这是段落中的一些文本

点击我
 
    function promptName() {

    var sName = prompt("Enter your name.\nThis prompt should show uo when 
    the\nClick Me busson is clicked.","your Name");

    alert(" Hi there " + sName +". Alert boxes are a quick way to check the 
    state\n of your variabled when you are developing code.");

    rewriteParagraph(sName);
    }

    function rewriteParagraph(userName){
    var message = document.getElementById("message");

    message.innerHTML = "hi " + userName + "If you can see this you have 
    successfully overwritten the contents of this paragraph. 
    Congratulations!!";
    }

    function writeNewMessage(){

    var newMessage = document.getElementById("clickme");
    document.getElementById("newmessage").innerHTML = "you have now 
    finished Task 1";}

   function init() {
   var clickMe = document.getElementById("clickme");
   clickMe.onclick = promptName;


  }

   window.onload = init;