textContentが更新されないHTML

Question

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に何をしようとしているある変数にその結果を格納する必要があります。

次に、varEでは、getElementByIdを使用してhtmlテキストを変更できます。

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

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

これは正しい方法ですか？動いていない。 これを行うためにjqueryを使用することは知っていますが、まだ学習していません。私はまだjavascriptを学んでいます。あなたはこのコードが動作するX

Answer 1

はこのようにそれを試してみてくださいx変数に電話する場合は、"文字を使用する必要はありません。このコードsould作業：

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

Answer 2

の周りに引用符を使用したくない

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

ノート（例えば、目的）：

<div id="textContent">There's some text here!</div> 

<script> 
    function updateContent() { 
     document.getElementById("textContent").textContent = "Newer text!"; 
    } 

    updateContent(); 
</script> 

あなた」