Cómo uso los tags ^y dentro de JS ?

[jiten]

Tengo la siguiente secuancia en Javascript :

document.getElementById("tamanho").innerHTML = form.ancho.value * form.largo.value +' metros 2';

Pero lo que quiero hacer es que no salga "metros 2 " sino "metros cuadrados" o en otras palabras el 2 como superíndice. Entonces traté de hacer esto :

document.getElementById("tamanho").innerHTML = form.ancho.value * form.largo.value +' metros ²';

Pero no me deja, lo interpreta de otra forma... cómo debo hacer para poner estos tags "^y" dentro de la sentencia JS y sean bien interpretados ?


Gracias por adelantado,

[zerokilled]

a mi me funciona tal como lo tienes. pero la parte que mas te interesa, el sup, me lo interpreta bien.

[jiten]

Iniciado por zerokilled

a mi me funciona tal como lo tienes. pero la parte que mas te interesa, el sup, me lo interpreta bien.

Cierto, a mi tambien, lo que pasa es que cuando hice esta consulta simplifiqué la pregunta y en la original hay una parte donde se hace un redondeo matemático, que cuando estpa presente, ahi si que colapsa... a ver, aqui lo pongo ahora completo :

Código PHP:

  Math.round(((form.ancho.value) * (form.alto.value) *100)/100)+' metros'+'<sup>2</sup>';  
   

[jackson666]

var elem=document.createElement("sup");
var txt=document.createTextNode("2");
elem.appendChild(txt);

var tam=document.getElementById("tamanho");

tam.innerHTML = form.ancho.value * form.largo.value+"metros";

tam.appendChild(elem);

Anda eso o es verdura???