javascript - How do i Make a load more button -


i wake to create button.. everytime user click on load more buttom want keep number ++ on , on.. far gotten ten dont know how make load more without stopping everytime user click on button heres code have far

<!doctype html> <html>     <body>          <p>click button loop through block of code 5 times.</p>         <button onclick="myfunction()">load more</button>         <p id="demo"></p>         <script>             function myfunction() {                 var y="";                 (var i=0;i<10;i++) {                     y=y + "the number " + + "<br>";                 }                 document.getelementbyid("demo").innerhtml=y;             }             var x="";             (var i=0;i<5;i++) {                 x=x + "the number " + + "<br>";             }             document.getelementbyid("demo").innerhtml=x;         </script>      </body> </html> 

you need declare counter variable outside of function work. try this: jsfiddle

<script type="text/javascript">     var = 0;     function myfunction() {         var y="";         (var j = 0;j < 5;j++)         {             y=y + "the number " + + "<br>";             i++;         }         var inner = document.getelementbyid("demo").innerhtml;         document.getelementbyid("demo").innerhtml=inner + y;     }      var x="";     (;i<5;i++)     {         x=x + "the number " + + "<br>";     }     document.getelementbyid("demo").innerhtml=x; </script> 

Comments

Popular posts from this blog

html - Sizing a high-res image (~8MB) to display entirely in a small div (circular, diameter 100px) -

java - IntelliJ - No such instance method -

identifier - Is it possible for an html5 document to have two ids? -