Difficultés avec la recuperation d'une valeur en Javascript.

Bonjour,

J'ai une fonction javascript qui me permet de créée des pages sur mon serveur et des iframes sur ma page principale. A chaque page créé sur le serveur il l'affiche dans le iframe.

A chaque clique sur le bouton mon conteur incrémente l'id des iframes. Cependant, j'ai un souci, chaque fois que j'actualise ma page mon conteur recommence à 1.

Donc Pour résoudre ce problème, je voulais récupérer l'id du dernier iframe et ensuite incrémenter le conteur avec cette variable; var lastChildID = document.getElementById("loadiframehere").lastChild.id; mais j'obtien des erreurs. Quelqu'un peut il m'aider à resoudre ce problème SVP

Voici ce que j'ai essayé:

<div id="loadiframehere">

<script type="text/javascript">
    // Fonction add page
 
var pagenum = 1;
   var lastChildID = document.getElementById("loadiframehere").lastChild.id;
   
 console.log (lastChildID);
function createpage(){
 
var newlink = document.createElement('a');
newlink.setAttribute('class', 'list-group-item list-group-item-action bg-light');
//newlink.setAttribute('href', "/page" + pagenum + "");
newlink.setAttribute('href', "/page" + lastChildID + "");
newlink.setAttribute('target', "docframe1");
newlink.setAttribute('style', "position:relative");
    
var madiv = document.createElement('DIV');
madiv.setAttribute('style', 'position:absolute; top:0; left:0; right:0; height:100%');    

var listex = document.createElement("LI");
var moniframe = document.createElement("IFRAME");
//moniframe.setAttribute("src","http://localhost:7007/page" + pagenum + "/");
moniframe.setAttribute("src","http://localhost:7007/page" + lastChildID + "/");
moniframe.setAttribute("width","150");
moniframe.setAttribute("height","150");
moniframe.setAttribute('contenteditable', true);
moniframe.setAttribute("scrolling","no");
//moniframe.setAttribute("id","page" + pagenum + ""); 
moniframe.setAttribute("id","lastChildID"); 

pagenum++;
listex.appendChild(moniframe);
newlink.appendChild(listex);
newlink.appendChild(madiv);    
document.getElementById("loadiframehere").appendChild(newlink);
//alert(pagenum);
}
  </script>