如何在我的内部显示我的 javascript<p> 标签使它成为一个单行句子？</p>

Question

I have a script that displays the date 2 weeks in the future. Everything works correctly, but I'm wanting to clean it up more and make it display in one sentence, rather than broken into two paragraphs. I cannot for the life of me figure out how to do this. Any help will be greatly appreciated.

<script>
var twoWeeksForward = new moment().add(14, 'day');
document.write(twoWeeksForward.format('dddd, MMMM DD, YYYY')); 
</script>

<p style="text-align:center"><i class="fas fa-tshirt"></i>Complete your order now and receive it by </p><span class="date"><p class ="twoWeeksForward">

Answer 1

As others said in comments, it's best not to use document.write() . But if you really must use it, you have to put the script inside the <p> . When the page is loading, it writes to the current point in the HTML.

<p style="text-align:center"><i class="fas fa-tshirt"></i>Complete your order now and receive it by </p>
<span class="date">
    <p class ="twoWeeksForward">
    <script>
    var twoWeeksForward = new moment().add(14, 'day');
    document.write(twoWeeksForward.format('dddd, MMMM DD, YYYY')); 
    </script>
    </p>
</span>

Answer 2

Try manipulating the innerText of the paragraph you'd like to add the text to. For example, for a paragraph with id="my-p" , you could use:

document.getElementById("my-p").innerText += twoWeeksForward.format('dddd, MMMM DD, YYYY');

This way you will not need a new element every time you update text with javascript.