使用javascript函数创建html段落

我正在用javascript编写一个小游戏。当用户按下按钮时，返回文本。我觉得有一种方法比写作更简单：

document.getElementById("logBox").innerHTML = "<p> X event is happening <p>" + document.getElementById('logBox').innerHTML; 

document.getElementById（“logBox”）.innerHTML=“X事件正在发生””+document.getElementById（“logBox”）.innerHTML；

所以我试着写一个函数，我可以这样使用：

function LOG(input){
  document.getElementById("logBox").innerHTML = "<p> input <p>" + document.getElementById('logBox').innerHTML;
}

功能日志（输入）{
document.getElementById（“logBox”）.innerHTML=“输入”+document.getElementById（“logBox”）.innerHTML；
}

但即使使用特殊字符符号，如\I，也无法使其正常工作。我一直在寻找解决办法，但似乎找不到。有什么建议吗？谢谢

功能日志（输入）{
function LOG(input){
    // get the #logBox element, then keep it in a variable
    // until the end of the function
    var logBox = document.getElementById("logBox");

    // This will never work -- unless you literally want to add a paragraph
    // that says "input" each time you call this function.
    // logBox.innerHTML = "<p> input </p>" ...

    // Try this
    logBox.innerHTML = "<p>" + input + "</p>" + logBox.innerHTML;
}

//获取#logBox元素，然后将其保存在变量中
//直到函数结束
var logBox=document.getElementById（“logBox”）；
//这永远不会起作用——除非你真的想添加一个段落
//每次调用此函数时都会显示“input”。
//logBox.innerHTML=“input
”。。。
//试试这个
logBox.innerHTML=“”+输入+”
“+logBox.innerHTML；
}

你能给我们看一个带演示的JSFIDLE吗？这个的html在哪里？如果要多次调用变量，可能需要将

document.getElementById（“logBox”）

分配给该变量。您是否可以灵活地使用jQuery？您的代码在我看来也很不错。你犯了什么错误？或者日志框刚刚被清除了？这里有一个猜测，但是在数学对象中使用了日志名。将函数名更改为LOGGER以查看这是否有帮助。