WEB - formulaire

je recherche un moyen de parcourir les différentes div afin de trouver celle qui est vide

Il te suffit de faire une boucle sur tes div et de vérifier si elles contiennent quelquechose ou non via le

var children = document.getElementById("cible0");
for( var i = 0; i<children.lengtth; i++){
    if( children[i].innerHTML === ""){
      alert("la div " + children[i].id + " est vide !");
     }
}

Bon....
Voila ton code fonctionnel.
ce n'est pas très propre mais j'ai gardé ta façon de faire :

<!DOCTYPE html>
<html>
<head>
	<title>test</title>
	<meta charset="utf-8">
  <style>
    .newdiv{
      min-height:80px;
      min-width:80px;
      background-color:#136497;
      border :1px solid black;
    }
  </style>
</head>
<body>
	<h1>test de création d'une div</h1>
	<label class="bmd-label-floating">type de diapo : </label>
	<input type="radio" name="type" value="1" id="1" onclick="fabrique_une_div(this.value)" required /> <label for="1">1</label>
	<input type="radio" name="type" value="2" id="1" onclick="fabrique_une_div(this.value)" required /> <label for="2">2</label>
  <input type="radio" name="type" value="3" id="1" onclick="fabrique_une_div(this.value)" required /> <label for="3">3</label>
	<br /><br />
	<input type="button" name="texte" value="texte" onclick="fabriquer_un_input('text')">
	<input type="button" name="image" value="image" onclick="fabriquer_un_input('file')">
	<input type="button" name="video" value="vidéo" onclick="fabriquer_un_input('file')">
	<div id="cible0"></div>
  
	<script type="text/javascript">  

var cible0 = document.getElementById("cible0");
var deja_passer = null;
var id = '00';
var id_bis = '0';		



function get_div_id(){
  var childrens = cible0.children;
  var nbEnfants = childrens.length;
  console.log("nbEnfants",nbEnfants);
  if (nbEnfants > 0) {
    for( var i = 0; i < nbEnfants ; i++)
    {
        alert("Voici un tour de la boucle !");
        if( childrens[i].innerHTML == "")
        {
          alert("la div " + childrens[i].id + " est vide !");
          return childrens[i].id;
        }
      }
  }else{
    console.log("Aucun enfant dans la div cible0");  
  }
  return false;
}


function fabriquer_un_input(choix)
{
  console.log('fabriquer_un_input('+ choix +')');
  
  var childrens = document.getElementById("cible0");
	var newInp = document.createElement('input');
	if (deja_passer != true) 	{
		window.alert("Merci de choisir un type de diapo.");
	} else {
		var id = get_div_id(); 
    if(typeof(id)!='undefined' && id!=null){
   
     newInp = document.createElement('input');
     newInp.classList.add("mystyle");
     newInp.id = id;
     newInp.name = 'inp_11';
     newInp.type = choix;
     console.log('cible : ',id);
     var el = document.getElementById(id);
     el.appendChild(newInp);
   }
  }
}

		function fabrique_une_div(nombre_de_champs) 
		{
      console.log('fabrique_une_div');
			if (deja_passer == true){
				cible0.innerHTML = ""; // on vide la div
				deja_passer = false;
			}
			
			for (var i = 0; i < nombre_de_champs; i++) 
			{
        // fabrique une div 
        var div = document.createElement("div");
        // Ajoute une classe ࡣette brique pour lui donner un style via CSS
        div.setAttribute('id','div_'+i);
        div.setAttribute('class','newdiv');
        // Ajoute un contenu ࡣette brique...
        // uneBrique.innerHTML = i+1;

        // Ins곥 cette div dans la div cible0 
        cible0.appendChild(div);
    }
  deja_passer = true;
}	

</script>
</body>
</html>

Re-bonjour a toutes et a tous j'ai pas mal travailler a sur ce fameux formulaire cette semaine.
Voici ce que je veux faire ce formulaire vas me permettre d'afficher différents affichage sur des écrans distants suivant ce que l'utilisateur aura choisi. dans un premier temps des bouton radio sont a remplir afin de déterminer le nombre de champs. si l'utilisateur choisis le bouton "2" dans ce cas deux div vont être créer. Et c'est a partir de maintenant que je commence a bloquer.. Une fois le nombre de champs choisis je voudrais que lorsque l'utilisateur clique sur texte la première div est remplis par un input text puis il reclique sur image et un autre se créer dans le div suivant. Je tiens aussi a dire que l'utilisateur aura un bouton qui permettra de supprimer une div du coup je recherche un moyen de parcourir les différentes div afin de trouver celle qui est vide afin de lui redonner une autre div Voici sur ce que je suis arriver jusque là :

<!DOCTYPE html>
<html>
<head>
 <title>test</title>
 <meta charset="utf-8">
</head>
<body>
 <h1>test de création d'une div</h1>
 <label class="bmd-label-floating">type de diapo : </label>
 <input type="radio" name="type" value="1" id="1" onclick="fabrique_une_div()" required /> <label for="1">1</label>
 <input type="radio" name="type" value="2" id="1" onclick="fabrique_une_div()" required /> <label for="2">2</label><input type="radio" name="type" value="3" id="1" onclick="fabrique_une_div()" required /> <label for="3">3</label>
 <br /><br />
 <input type="button" name="texte" value="texte" onclick="fabriquer_un_input('text')">
 <input type="button" name="image" value="image" onclick="fabriquer_un_input('file')">
 <input type="button" name="video" value="vidéo" onclick="fabriquer_un_input('file')">
 <div id="cible0"></div>
 <script type="text/javascript">

  let deja_passer = "undefined";
  var id = '00';
  var id_bis = '0';

  function fabrique_une_div() 
  {
   var cible0 = document.getElementById("cible0");

   if (deja_passer == true)
   {
    while (cible0.hasChildNodes()) 
    {
     cible0.removeChild(cible0.firstChild);
    }
    deja_passer = false;
   }
   //recupere l'attribut value de la div qui est cocher 
   var nombre_de_champs = document.querySelector('input[name="type"]:checked').value;
   
   var div;

   for (var i = 0; i < nombre_de_champs; i++) 
   {
    // fabrique une div 
    div = document.createElement("div");
    // Ajoute une classe à cette brique pour lui donner un style via CSS
    div.id = i;
    // Ajoute un contenu à cette brique...
    // uneBrique.innerHTML = i+1;

    // Insére cette div dans la div cible0 
    cible0.appendChild(div);

}
deja_passer = true;
}
function fabriquer_un_input(choix)
{
 if (deja_passer == true)
 {
  let compteur = '00';
  // compteur = compteur + 1 ;

  var el = document.getElementById('0'), elChild = document.createElement('input');

 //elChild.innerHTML = 'Content';
 elChild.classList.add("mystyle");
 elChild.id = id;
 elChild.name = '11';
 elChild.type = choix;
 
 id_bis = id.charAt(1);

el = document.getElementById(id_bis);
el.appendChild(elChild);
 // Prepend it

 // input.insertBefore(inputChild, input.firstChild);

// compteur = compteur + 1;

id = parseInt(id) + 11;
}
else
{
 window.alert("Merci de choisir un type de diapo.");
}
}
//  Lance la fonction de création de div
fabrique_une_div();

//lance la fonction de création de input
fabriquer_un_input();

</script>
</body>
</html>

Je vous invite a regarder ce que sa donne sur se lien ;) https://codepen.io/JulienOo/pen/KJmyaj

Merci a tous pour votre aide. :)

je reviens vers toi car j'ai un petit souci.. Après de nombreux essaie je ne parviens pas a entrer dans la boucle.. Voici comment j'ai "adapter" le code. Merci encore pour ton aide. :)

function fabriquer_un_input(choix)
{
 var children = document.getElementById("cible0");


 for( var i = 0; i < children.length; i++)
 {
  if( children[i].innerHTML === "")
  {
   alert("la div " + children[i].id + " est vide !");

let children = children[i];


   var el = document.getElementById('0'), children = document.createElement('input');

   //children.innerHTML = 'Content';
   children.classList.add("mystyle");
   children.id = id;
   children.name = '11';
   children.type = choix;
   
   // id_bis = id.charAt(1);

   el = document.getElementById(id_bis);
   el.appendChild(children);
  }
 }

Bonjour je reviens vers vous car je n'y arrive pas du tous.. quand je lance le code

	for( var i = 0; i !== children.length; i++)
	{
		alert("Voici un tour de la boucle !");
		if( children[i].innerHTML == "")
		{
			alert("la div " + children[i].id + " est vide !");
		}
	}

le message "voici un tour de boucle" ce lance qu'une fois (une seul boucle) même si j'ai trois div vide.. de plus je n'arrive pas a entrer dans la boucle if.. :/ des idée ?

merci pour ta réponse mais en changeant la condition je ne rentre plus du tout dans la boucle for.. Je te joint e lien mis a jour pour que tu puisse tester : https://codepen.io/JulienOo/pen/KJmyaj
je me demande si le problème ne viens pas de children.lenght