Javascript: Add Content On Button Click

i'm trying to use javascript to add new content on a button click. I have got the javascript to work if the button is clicked once but i would like to have it so every time i pres

Solution 1:

Change:

document.getElementById("demo").innerHTML = "Hello World";

to:

document.getElementById("demo").innerHTML += "Hello World";

Using = will set the content on each click, overwriting what was there before. Using += will concatenate the text to what was there before.

document.getElementById("myBtn").addEventListener("click", function() {
   document.getElementById("demo").innerHTML += "Hello World ";
 });

<buttonid="myBtn">Try it</button><p><strong>Note:</strong> The addEventListener() method is not supported in Internet Explorer 8 and earlier versions.</p><pid="demo"></p>