Exécuter des balises dans un texte e l'affecter a un attribut

Salut,
Je veux créer un un bouton pour une calculatrice scientifique: X^n.Lorsque j'utilise le superscript:

<input type="button" value ="X<sup>n</sup>"/>

,il m'affiche le texte Xⁿ tel qu'il est sans appliquer la balise <sup>. Comment puis-je faire pour résoudre ce problème?

merci d'avance,

N.B. Je ne peux pas utiliser la balise <button> car elle me cause des problèmes au niveau du code javaScript.