JSFiddle - React, Tailwind, and code Playground

HTML

<form>
  <input type="text" id="numero" name="numero" value="5">
  
  <input type="text" id="text" name="text">
  <input type="text" id="text1" name="text1">
  <input type="text" id="montant" name="montant">
  <input type="text" id="etat" name="etat">
  
  <input type="submit" id="submit">
</form>

JavaScript

var element = document.getElementById("numero");
var buttonafficher = document.getElementById("submit");

buttonafficher.addEventListener('click', function(event){
  event.preventDefault();
  
  var numfactsaisie = document.getElementById("numero").value;
  
  if(numfactsaisie == ""){
    alert("veuillez remplir ce champ");
    return;
  }
  
  if(numfactsaisie == "jfet025"){
    document.getElementById("numero").value="jfet025";
    document.getElementById("text").value="20/08/21";
    document.getElementById("text1").value="jfet compagny";
    document.getElementById("montant").value="2.000.000";
    document.getElementById("etat").value="livrer";
    return;
  }

  //--------lire les infos via le fichier consulterfact.php et affiche
  var xhr= new XMLHttpRequest();

  //xhr.open("GET","/prospectvente/facture/consulterfact.php?numero=" + numfactsaisie, true);
  xhr.open("GET","https://jsonplaceholder.typicode.com/todos/1", true);
  xhr.responseType = "json";
  xhr.send();
  xhr.onreadystatechange = function() {
    if(xhr.readyState == 4 && xhr.status == 200){
    	console.log(xhr.response);
      console.log(xhr.response.id);
      console.log(xhr.response.title);
      
      document.getElementById("text").value = xhr.response.title;
      /*
      document.getElementById("numero").value=res.dvteNum;
      document.getElementById("text").value=res.dvteDtEnreg;
      document.getElementById("text1").value=res.dvteNomClient;
      document.getElementById("montant").value=res.dvtemtTTC;
      */
    }
  };

});