JSFiddle - React, Tailwind, and code Playground

HTML

<div id="foo">

</div>
<span class="label" >quantité à ajouter:</span>
<input type="text" id="nbr" value="" /><br/>
<span class="label" >texte à ajouter</span>
<input type="text" id="txt" value="" /><br/>

<span class="label" >image à ajouter </span><br/>
<input type="radio" name="picchoice" value="1" /> <img class="picsel" src="https://picsum.photos/id/50/200/200" checked="checked" /><br/>
<input type="radio" name="picchoice" value="2" /> <img class="picsel" src="https://picsum.photos/id/56/200/200" /><br/>
<input type="radio" name="picchoice" value="3" />  <img class="picsel" src="https://picsum.photos/id/34/200/200" /><br/>


<input type="button" id="add" value="ajouter" /><br/>

CSS

img { width: 150px; }

.label {
      display: inline-block;
      width: 150px;
      }

JavaScript

PicsTab= [ "https://picsum.photos/id/50/200/200",
           "https://picsum.photos/id/56/200/200",
           "https://picsum.photos/id/34/200/200"];
           
function ajouteA(param_texte, param_image) {

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

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


monimage.src=PicsTab[param_image];

monparagraphe.innerText=param_texte;

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

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

//affection du click sur le bouton ajouter 
document.querySelector('#add').addEventListener('click', function(){
	//recupération de la quantité
  nbr= + document.querySelector('#nbr').value;
  nbr = (nbr > 0)? nbr : 1 ;
  //recupération de l'image
  picsrc=document.querySelector('input[name="picchoice"]:checked').value;
  //récupération du texte
  txt=document.querySelector('#txt').value;
  
  while (nbr-- >0 ) { ajouteA(txt,picsrc);}

});