javascript - textContent无法更新HTML

使用Javascript，我创建了一个脚本以在段落中生成随机文本。有用。当我打印到控制台时，我看到一段文字。

console.log(randParagraph(sentLength(5,8), '', ipsumText, sentLength(5,12)));

现在，我想通过单击按钮使用该段落更新html文件中的一些文本。以下是我认为应该做的事情。

const randParagraph = (len, end, words, wordLen) =>
[...Array(len)].map(() => addCommaAfter(fullSentWithEnd,sentLength(3,8)))
.join(' ') + (end || '');


function myFunction() {
var x = (randParagraph(sentLength(5,8), '', ipsumText,sentLength(5,12)));
var y = document.getElementById("ipsum-text").textContent = "x";
}

我的假设是如果console.log有效，我应该将结果存储在变量中，这就是我要使用var x进行的操作。

然后在var中，我可以使用getElementById更改html文本。

<button onclick="myFunction()">change text</button>

<p class="bodyCopy" id="ipsum-text">gimme some ipsum</p>

这是正确的方法吗？没用
我知道有人会使用jquery来做到这一点，但我还没有学过。我还在学习javascript。

最佳答案

像这样尝试：

function myFunction() {
    var x = (randParagraph(sentLength(5,8), '', ipsumText,sentLength(5,12)));
    document.getElementById("ipsum-text").innerHTML = x;
}

请注意，您不想在x周围使用引号