potencia de un numero

[mensajeescrito]

Hola amigas y amigos, a ver si alguien pudiera ayudarme con esto:

tengo un codigo en javascript que me permite hacer la potencia de un numero

el objetivo es que el resultado se imprima en el mismo documento, pero no me funciona

y no se porque.

Intuyo que es por la zona del ".innerHTML" pero no consigo que funcione.

Agradeceria cualquier ayuda, gracias

este es el codigo:

Código Javascript:

function calcular()
 
                {
                    var num_1= document.getElementById("num_1").value;
 
                    var num_2= document.getElementById("num_2").value;
                                    var potencia = Math.pow(num_1, num_2);
                                    
                                    var solucion = num_1 + " elevado a " + num_2 + " es " + potencia + "</br>";
 
                                    document.getElementById("resultado").innerHTML = solucion;
                                    
                                    break;  
}
 

Código HTML:

<input name="num_1" type="text" id="num_1" /></br>
 
        <input name="num_2" type="text" id="num_2" /></br>
 
        <input name="suma" type="button" onClick="calcular()" value="suma" /></br></br>
        
        <input name="resultado" type="text" id="resultado" />
 

[Alexis88]

Para establecer un valor en un elemento <input>, debes utilizar la propiedad value.

Un saludo

[mensajeescrito]

He puesto esto y funciona:

Código Javascript:

document.getElementById("resultado").value = solucion;
 

Pero entonces para que vale innerHTML???

Es mas como puedo mostrar el resultado en vez de dentro de un input , en un div?

[Alexis88]

Lo que sucede es que no todos los elementos poseen las mismas propiedades. Por ejemplo, un <div> no posee la propiedad value, por lo que tienes que utilizar la propiedad innerHTML para asignarle contenido.

Ante la duda, consulta la documentación existente:

• innerHTML
• value

Un saludo

[IsaBelM]

También te puede interesar textcontent https://developer.mozilla.org/es/doc...de/textContent

[mensajeescrito]

ahhh ahora lo entiendo. bien bien.

Muchisimas gracias a los dos.

Ya se algo mas hoy.

[Micoelus]

Para el innerHTML yo prefiero enteder que sirve cuando quieres poner código dentro de una etiqueta de apertura y otra de cierre,
como un <div>, <fieldset>, <p>, etc... que tienen etiquetas de cierre, no así el input que no requiere una etiqueta de cierre...
por eso a un <select> lo puedes llenar de <option> por esta vía (aunque no es la mas recomendable por lo que he leido)