Comment réaliser une condition sur un id

Moi et le javascript c'est pas simple ...

document.querySelector('#total_qte);

document.getElementById('total_qte')

Mais le champ total_qte n'est pas un input c'est le total de la somme de toutes les quantités commandée

 var btn = document.querySelector('#commander');


// addEventListener 
btn.addEventListener('click', function(){
 var total=document.getElementById('total_qte').innerHTML ;
  console.log('TOTAL',total);
   if ( total== '0' || parseFloat(total)==0){ // tu avais un espace entre la quote et le zéro..
       alert("Total = 0" );
          var p = document.createElement('p');
      p.innerText = 'Votre commande a déjà été envoyée';
      document.body.appendChild(p);
    } 
});

var btn = document.querySelector('#commander);

// addEventListener 
btn.addEventListener('click', function(){
  var p = document.createElement('p');
  p.innerText = 'Votre commande a déjà été envoyée;
  document.body.appendChild(p);
});

var btn = document.querySelector('#commander);

// addEventListener 
btn.addEventListener('click', function(){
	
	if (id="total_qte"== 0){
          var p = document.createElement('p');
  p.innerText = 'Votre commande a déjà été envoyée;
  document.body.appendChild(p); }
	
});

var btn1 = document.querySelector('#total_qte);

<span id="total_qte"></span> 

var total=document.getElementById('total_qte').innerHTML 

var btn = document.querySelector('#commander);
var total=document.getElementById('total_qte').innerHTML ;

// addEventListener 
btn.addEventListener('click', function(){
 
 if (var total== 0){
          var p = document.createElement('p');
  p.innerText = 'Votre commande a déjà été envoyée;
  document.body.appendChild(p); }
 
});

<button type="button" class="btn btn-success" id="commander"><h3>Valider la commande</h3></button>

  <script>
  var btn = document.querySelector('#commander');


// addEventListener 
btn.addEventListener('click', function(){
 var total=document.getElementById('total_qte').innerHTML ;
 if ( total==' 0'){
          var p = document.createElement('p');
  p.innerText = 'Votre commande a déjà été envoyée';
  document.body.appendChild(p); }
 
});
  </script>

 console.log(total );

jordane un grand merci pour l'aide

mais lorsque je remets l'alerte en commentaire 

mon message d'erreur ne s'affiche pas

		<script>
 var btn = document.querySelector('#commander');


// addEventListener 
btn.addEventListener('click', function(){
 var total=document.getElementById('total_qte').innerHTML ;
  console.log('TOTAL',total);
   if ( total== '0' || parseFloat(total)==0){ // tu avais un espace entre la quote et le zéro..
       //alert("Aucun article sélectionner ou votre commande a déjà été envoyée" );
          var p = document.createElement('p');
      p.innerText = 'Votre commande a déjà été envoyée';
      document.body.appendChild(p);
    } 
});
		</script>

merci pour la réponse

non aucune erreur dans la console

On crée l'élément HTML vide de contenu p

ensuite on lui donne une valeur

ca y est je viens de voir l'erreur

la balise p est placée sur le body ...

je vais donc supprimer cette partie et laisser l'alerte