Change Text Using JavaScript innerHTML

[icxc]

How can I change a text with JavaScript innerHTML?
This is my example:
I have the following text:

Most programmers live on coffee.

I want to add to this text: and chocolate So the new text should look like:

Most programmers live on coffee and chocolate.

[jwilkins.oboe]

Hi @icxc !

You can use the += operator to add on the new text.

<p id="text">Most programmers live on coffee</p>

const text = document.getElementById("text");

text.innerHTML += " and chocolate.";

[icxc]

and const text, I think there are not the same. What if I choose, for example:

? I will have text.innerHTML or p1.innerHTML?

[jwilkins.oboe]

You can choose whatever variable and id names you want.

I just wrote a quick example to show you the basics of how it works.

[icxc]

I will rephrase:
id=“text” and const text, I think are not the same.
What if I choose, for example: p id=“p1”?
Will I have text.innerHTML or p1.innerHTML?

[jwilkins.oboe]

In that case then you could write it like this.

<p id="p1">Most programmers live on coffee</p>

const paraText = document.getElementById("p1");

paraText.innerHTML += " and chocolate.";

Hope that is clearer

[icxc]

Thanks Jessica for your help.