Indeks górny w polu wejściowym typu tekstowego

Mam takie pole wprowadzania HTML:

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

Chcę dynamicznie aktualizować wartość tego pola za pomocą łańcucha zawierającego indeks górny. To nie zadziałało i spróbowałem tego.

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

Jak mogę to uruchomić? Mógłbym spróbować zrealizować resztę, ale skoro już jestem zmuszony o to zapytać, chciałbym powiedzieć, co zamierzam zrobić.

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

questionAnswers(2)

yourAnswerToTheQuestion