Superíndice en el campo de entrada del tipo de texto

Tengo un campo de entrada HTML como este:

<input id="op" type="text" value="0" />

Quiero actualizar el valor de este campo dinámicamente con alguna cadena que contenga superíndice. No funcionó y lo intenté.

document.getElementById("op").value="a<sup>3</sup>" //don't work
document.getElementById("op").innerHTML="a<sup>3</sup>" //don't work

¿Cómo puedo conseguir que esto funcione? Podría haber intentado descifrar el resto yo mismo, pero como ya me veo obligado a preguntar esto, me gustaría decir lo que planeo hacer.

 var x=3; var y=2;
 document.getElementById("op").innerHTML="a<sup> x-y </sup>";

Respuestas a la pregunta(2)

Su respuesta a la pregunta