Comment empêcher mon input de recharger ma page

bonjour yg_be

je viens de retrouver un exemple de onclick
qui me permettait de réaliser une action lors du clic

avec notre exemple

  <div>
  <input type="radio" id="mondial_relay_belgique" name="envois" value="2" onclick="ChoixLivraison()"  >
  <label for="mondial_relay_belgique">Envois par mondial relay belgique 5 euros</label>
</div>

donc dans mon cas lors d un clic
id="promo"
pourrait être envoyé vers

var promo = document.getElementById('promo').value;

jusque la cela semble logique

donc je pourrais utilise ceci ?

<input class="form-control" type="text" name="promo" value="" id="promo" placeholder="promo" onclick="promo()">

en fait ce que je souhaite c'est appliquer un code promo
donc mon idée est la suivante je te donne un code promo a André c'est un exemple qui est "andre2202"
il est le seul a connaître bien évidement

Lors de la saisie du formulaire
il rentre le bon code a c moment je récupère la variable promo du formulaire html vers ma page panier.js ou je vais traiter cette information

il y a 3 solutions
soit le code est bon et donc la variable promo et je déduis la promo du total
soit elle est expirée et donc affichage d'un message
soit il y a une erreur et la aussi affichage

Alors pour ce qui est du traitement , c'est moi même qui viendrait soit retirer la promo ou alors en ajouter des nouvelles avec des codes différents
qui définirait qui y a droit , quand et comment

oui je sais que cela sera beaucoup de travail en arrière plan , mais c'est ce que j'ai trouvé de plus simple