Insertar texto

Question

Hola familia, me podrían ayudar con la siguiente duda, como puedo insertar el resultado de una operación con innerHTML, este es mi pequeño fragmento de código pero al momento de ejecutarlo me genera error.
'use strict'

function hypotenuse (a, b){
a = prompt("Ingrese un numero por favor: ");
b = prompt("Ingrese un numero por favor: ");
let operacion = Math.sqrt(Math.pow(a, 2) + Math.pow(b, 2));
document.getElementById("resultado").innerHTML = operacion;
}
hypotenuse();

Este sería el programa creado
https://code.sololearn.com/Wl0oHRHGfOLg/#js

Muchas gracias.

Answer 1

window.onload
https://code.sololearn.com/WFtmRfMIR1Xo/?ref=app

Because SoloLearn puts scripts in JS tab into head of HTML during compilation. Thus the DOM is not ready yet. That's why getElementById returns null.

By assigning load event callback function, we can ensure the DOM functions are executed after the DOM are created.

Debido a que SoloLearn coloca los scripts en la pestaña JS en el encabezado de HTML durante la compilación. Por lo tanto, el DOM aún no está listo. Es por eso que getElementById devuelve null.

Al asignar la función de devolución de llamada de evento de carga, podemos asegurarnos de que las funciones de DOM se ejecutan después de crearse el DOM.

https://www.sololearn.com/post/90825/?ref=app

Answer 2

Gordon, thanks for your help 🤓