I am a Java Script beginner and would like to pass the id of an image to an HTML file. When I click on a link I want to get to a page (annotator) with the image.

This is the Js part:

link = changeIIIFInformation(iiif, 10, "default")
var figure = document.createElement('figure')
var figcaption = document.createElement('figcaption')
var linkToImage = document.createElement('a')

linkToImage.setAttribute('href', 'annotator')
linkToImage.innerHTML = label;
figcaption.appendChild(linkToImage);

var image = document.createElement('img');
  image.setAttribute('src', link);
  
figure.appendChild(image)
figure.appendChild(figcaption)
div.appendChild(figure)
count += 1;
if (count >= max_num + offset) {
  break;
}

And this is the HTML Code:

<div class="container-fluid">
  <div class="row">
    <div class="col-md-6" role="main">
      Tablet:
      <select id="images" onchange="loadVariants()"></select>
      Side:
      <select id="imageside" onchange="reinit(null)"></select>

      <button id="saveAnnotations" onclick="saveTextAsFile(JSON.stringify(curanno),'json','anno')">Save Annotations</button>
      <button id="saveInGit" onclick="commitData()">Save Annotation in Gitlab</button>
      <button id="showTransliteration" onClick='document.getElementById("transliterationdialog").show();'>Show Transliteration</button>
      <button id="showTranslation" onClick='document.getElementById("translationdialog").show();'>Show Translation</button>
      <button id="showPaleoCode" onClick='document.getElementById("paleocodedialog").show();'>Show PaleoCodes</button>
      <button id="showIndexedChars" onClick="highlightIndexedChars()">Highlight Indexed Chars</button>
      <button onclick="showHideAnno()">Show/Hide Annotations</button>

      <br/> 
      Tagsets: CharacterSet: <input type="radio" id="characterset">
      LinguisticAnnotation: <input type="radio" id="linguisticset" />

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