Adding text at the start of a p element

Question

Let's say I have this paragraph:

<p id="paragraph">Hello World!</p>

I want to add "Hello StackOverflow! " at the start of the paragraph.

document.getElementById("paragraph").innerHTML += "Hello StackOverflow! "

Adding the above line didn't work as it adds the content to the end of the paragraph, not the start.

Is there a way to do this?

Thanks!

Answer 1

You can use a template string to easily do this:

document.getElementById("paragraph").innerHTML = `Hello StackOverflow! ${document.getElementById("paragraph").innerHTML}`

<p id="paragraph">Hello World!</p>

Answer 2

You can save the previews text in a variable and then update the innerHTML

const el = document.getElementById('paragraph')
const prevTxt = el.innerHTML

el.innerHTML = 'Hello StackOverflow! ' + prevTxt

<p id="paragraph">Hello World!</p>