Comment passer une variable de php vers une page javascript

Bonjour a tous

j'ai un formulaire en html avec un bon de commande
la gestion du panier s'effectue quand a elle sur une autre page en javascript

je souhaiterais pouvoir ajouter un code promo a mon formulaire et pouvoir traiter cette information dans la panier en javascript

j'ai donc ajouter dans mon formulaire ce code ou le client pourrait rentrer son code promo

<form >
<input type="text" name='name' id='promo' placeholder='promo'/>
  <button type='submit'>ajouter code promo</button>
</form>

et sur la même feuille

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

de cette façon je pourrais appeler cette variable dans le panier javascript comme ceci

document.getElementById('promo').innerHTML =

cela semble fonctionner mais lorsque je clic sur submit la page se recharge

salut

et donc quel est le problème ?