I want to add a string that shows the current amount of pictures generated from the code, like "number of pictures:"

<h1 id="number-of-p">Antall bilder:</h1>
<input id="add-img-btn" type="button" value="Legg til bilde" />
<div id="output-div"></div>

<script>
  var addImgBtn = document.getElementById("add-img-btn");
  var outputDiv = document.getElementById("output-div");
  var addNumberOfP = document.getElementById("number-of-p");

  function addRandomNumber() {
    const rnd = (addNumberOfP = Math.floor(Math.random() * 100 + 1));
    let html = [];
    for (let i = 0; i <= rnd; i++) {}
    numberOfP.innerHTML = html.join("");
  }

  function addRandomImg() {
    const rnd = (addImgBtn = Math.floor(Math.random() * 100 + 1));
    let html = [];
    for (let i = 0; i <= rnd; i++) {
      html.push('<img src="img/mann.jpg"/>');
    }
    outputDiv.innerHTML = html.join("");
  }

  addImgBtn.onclick = addRandomImg;
  addNumberOfP.onclick = addRandomNumber;
</script>