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
Post a Comment