JSFiddle - React, Tailwind, and code Playground

HTML

<div id="foo">

</div>
<input type="text" id="nbr" value="" />
<input type="button" id="add" value="ajouter" />

CSS

img { width: 150px; }

JavaScript

function ajouteA() {

mabalisea=document.createElement('a');
monimage=document.createElement('img');
monparagraphe=document.createElement('p');

mabalisea.href="#";
mabalisea.className="support_com";
mabalisea.title="Affiche A3";

monimage.src="https://www.maxizoo.ch/media/media/images/common/131_tDIlhLL.jpg.819x295_q85_crop.jpg";

monparagraphe.innerText="Affiche A3";

mabalisea.appendChild(monimage);
mabalisea.appendChild(monparagraphe);

document.querySelector('#foo').appendChild(mabalisea);
}

document.querySelector('#add').addEventListener('click', function(){
	nbr= + document.querySelector('#nbr').value;
  nbr = (nbr > 0)? nbr : 1 ;
  console.log (nbr);
  
  while (nbr-- >0 ) { ajouteA();}

});