a little js help

[Ginger-Menace]

Hi everyone,

I need some help if you would.

i have this code:

Spoiler: code

<div class="row">
<div class="box">
<div class="col-lg-12">
<hr>
<h2 class="intro-text text-center">Examples of recently completed orders.</h2>
<hr>
<cms: pages masterpage='example-gallery.php' folder='example-image-on-main-page' include_subfolders='0' limit='4' >

<div>
<div class="col-xs-12 col-sm-3 col-md-3 instagram "><a href="<cms:show gg_image />" data-fancybox="instagram" data-caption="<cms:show k_page_title />" data-title="<cms:show k_page_title />" target="blank" alt="instagram image"><div class="img-featured-container"><div class="img-backdrop"></div><div class="description-container"><p class="caption"><cms:show description/></p></div><img src="<cms:show gg_thumb/>" class="img-responsive" alt="instagram image"></div></a></div>
</div>
</cms: pages>

<button id="btn-instafeed-load" class="btn">Load more</button>

</div>
</div>
</div>

im no good at js but im trying to learn!
i need some js that when the button is clicked at adds '4' to the limit (so 4,8,12.....)

Here is the code i have

Spoiler: js code

<script>
document.getElementById("btn-instafeed-load").addEventListener("click", myFunction);

function myFunction() {
document.getElementsByTagName("limit").+4;
}
</script>

The purpose of this is the code in the first spoiler displays 4 cloned images.
what i want is when the button is clicked to change the 'limit='4' to limit='8' and so on.
is this possible?

GM

 

[Ginger-Menace]

thanks for the reply, i had more of a look around and one of the developers of the cms has a solution and i now have it working