Mon code ne s'execute pas

il n'arrive mème pas jusque là bas c'est mon véritable problème il n'exécute pas cette partie

	var element = document.getElementById("numero");
				var buttonafficher = document.getElementById("submit");
						alert(numero);	
					buttonafficher.addEventListener('click', function(event){
					
					event.preventDefault();
    
				var numfactsaisie = document.getElementById("numero").value;
  
					console.log('Numéro : ' + numfactsaisie);
  
				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.responseType = "json";
		xhr.send();
			console.log('Send XHR');
				xhr.onreadystatechange = function(){
					
				console.log('State: '+xhr.readyState+ ' Status : '+xhr.status);
			if(xhr.readyState == 4 && xhr.status == 200){
				
				
				console.log(xhr.response);
				alert(res.dvteNum);
				document.getElementById("numero").value=res.dvteNum;
				document.getElementById("text").value=res.dvteDtEnreg;
				document.getElementById("text1").value=res.dvteNomClient;
				document.getElementById("montant").value=res.dvtemtTTC;
			}else{
			}
  };
});

voici la dernière version

En effet suite aux différentes version de test, la variable res n'est plus initialisée sur la dernière version.

Tu peux essayer avec cette correction :

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

buttonafficher.addEventListener('click', function(event){
  event.preventDefault();

  var numfactsaisie = document.getElementById("numero").value;

  console.log('Numéro : ' + numfactsaisie);

  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.responseType = "json";
  xhr.send();
  console.log('Send XHR');
  xhr.onreadystatechange = function(){
    console.log('State: ' + xhr.readyState + ' Status : ' + xhr.status);
    
    if(xhr.readyState == 4 && xhr.status == 200){
      var res = xhr.response;
      // var res = JSON.parse(xhr.response);
      
      console.log('Response : ');
      console.log(res);
      
      document.getElementById("numero").value = res.dvteNum;
      document.getElementById("text").value = res.dvteDtEnreg;
      document.getElementById("text1").value = res.dvteNomClient;
      document.getElementById("montant").value = res.dvtemtTTC;
    }
  };
});

J'ai ajouté la ligne

var res = xhr.response;

pour récupérer le réponse de la requête ajax dans la variable res.
Tu peux contrôler si les données récupérées sont correctes dans la console juste après le message "Response :".
Si cette récupération ne fonctionne pas correctement, tu peux essayer de remplacer cette ligne par celle en commentaire juste dessous qui utilise JSON.parse() mais comme indiqué dans un précédent message, tu ne devrais en théorie pas avoir besoin d'utiliser JSON.parse() car le responseType est déjà défini en json.

(index):74 Numéro:11BAC
(index):97 Send XHR
Voilà ce que ça me renvoi comme erreur dans la console

A priori la requête est envoyée puisqu'on arrive à la ligne console.log('Send XHR'); mais la fonction onreadystatechange n'est pas appelée car on ne voit plus les logs "State" et "Status" comme ton précédent test.

Pas d'autres messages dans la console ?
Est-ce que tu vois la requête ajax dans l'onglet Réseau à coté de l'onglet Console ?
Le serveur php est bien démarré (la page consulterfact.php fonctionne) ?