Javascript: Add content on button click

Question

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 press the button a new 'hello world' will be created.

<button id="myBtn">Try it</button>

 <p><strong>Note:</strong> The addEventListener() method is not 
 supported in     Internet Explorer 8 and earlier versions.</p>

 <p id="demo"></p>

 <script>
 document.getElementById("myBtn").addEventListener("click", function(){
 document.getElementById("demo").innerHTML = "Hello World";
 });
 </script>

Thanks in advance

Sorry, accidentally clicked it. Thanks for heads up

Sam
– Sam

2015-09-29 19:53:32 +00:00
Commented Sep 29, 2015 at 19:53 — Sam
– Sam, Commented Sep 29, 2015 at 19:53

j08691 · Accepted Answer · 2015-09-29 19:57:01Z

4

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 ";
 });

<button id="myBtn">Try it</button>

<p><strong>Note:</strong> The addEventListener() method is not supported in Internet Explorer 8 and earlier versions.</p>

<p id="demo"></p>

edited Sep 29, 2015 at 19:57

answered Sep 29, 2015 at 19:53

j08691

208k33 gold badges269 silver badges281 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sam Over a year ago

I want to use a button for the onClick as opposed to using the actual text

Collectives™ on Stack Overflow

Javascript: Add content on button click

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related