Quiero agregar una cadena que muestre la cantidad actual de imágenes generadas a partir del código, como "número de imágenes:"
<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>¡Aquí esto funcionará!
var addImgBtn = document.getElementById("add-img-btn"); var outputDiv = document.getElementById("output-div"); var addNumberOfP = document.getElementById("number-of-p"); function addRandomImg() { const rnd = (addImgBtn = Math.floor(Math.random() * 100 + 1)); let html = []; for (let i = 0; i <= rnd; i++) { html.push('<img src="https://randomuser.me/api/portraits/men/4.jpg"/>'); } outputDiv.innerHTML = html.join(""); addNumberOfP.innerHTML = `Antall bilder: ${(rnd + 1)}`; } addImgBtn.onclick = addRandomImg; <h1 id="number-of-p">Antall bilder:</h1> <input id="add-img-btn" type="button" value="Legg til bilde" /> <div id="output-div"></div>