Change your if statement when creating the frames to a while loop, change the page number with the correct number -
while (vbutt < 100)
{
pagenum += vbutt;
var moniframe = document.createElement("IFRAME");
moniframe.setAttribute("src","http://localhost:7007/page" + pagenum + "/");
moniframe.setAttribute("width","150");
moniframe.setAttribute("height","150");
moniframe.setAttribute("height","150");
moniframe.setAttribute("background-color","snow");
vbutt++;
document.getElementById("loadiframehere").appendChild(moniframe);
}
EDIT: I have created a working fiddle for you
HERE with a slight change in code to show how it works...
<button onclick="createpage();">
Create Page
</button>
<div id="loadiframehere">
IFrame going here...
</div>
function createpage() {
var vbutt = 1;
var pagenum = 1;
while (vbutt < 5)
{
pagenum = vbutt;
var moniframe = document.createElement("IFRAME");
moniframe.setAttribute("src","http://localhost:7007/page" + pagenum + "/");
moniframe.setAttribute("width","150");
moniframe.setAttribute("height","150");
moniframe.setAttribute("height","150");
moniframe.setAttribute("background-color","red");
vbutt++;
document.getElementById("loadiframehere").appendChild(moniframe);
}
}