Estoy trabajando en un proyecto que recopila información de un sitio web y devuelve ese valor en un documento HTML.
Así es como se ve mi archivo HTML:
script type="text/javascript" src="website_fetch.mjs"></script> <section> <h2>Info on Google here</h2> <ul> <article is= "site-status" name="Google" info = NEED RETURN VALUE FROM SCRIPT ABOVE ></article> ¿Cómo puedo obtener el valor devuelto de este script? En el archivo JS, hay una declaración de devolución que necesito establecer igual a info en la etiqueta <article> .
Cualquier ayuda muy apreciada.
Modifique la secuencia de comandos para que seleccione la etiqueta del article que le interesa y rellene el atributo. Por ejemplo, si tienes
// website_fetch.mjs export const getGoogleInfo = async () => { // implementation goes here return someInfo; };puedes cambiarlo a
// website_fetch.mjs export const getGoogleInfo = async () => { // implementation goes here return someInfo; }; getGoogleInfo() .then((result) => { document.querySelector('article[is="site-status"]').setAttribute('info', result); }); // .catch(handleErrors); // don't forget this part - don't ignore errors Su getGoogleInfo es asíncrono, por lo que debe esperar a que su Promesa se resuelva en un valor antes de insertar la información.
Pero hay otro problema. Su HTML no es válido. Un <article> no puede ser hijo de un <ul> . Una lista desordenada solo puede tener hijos que sean elementos de lista ( <li> ). Corrija su HTML para que sea válido, de modo que ninguna de sus marcas se elimine o se analice incorrectamente.
Demo en vivo:
// this is just to show that the article's info attribute is as desired: setTimeout(() => { console.log(document.querySelector('section').innerHTML); }, 1000); <script type="module"> export const getGoogleInfo = async () => { // implementation goes here return 'someInfo'; }; getGoogleInfo() .then((result) => { document.querySelector('article[is="site-status"]').setAttribute('info', result); }); </script> <section> <h2>Info on Google here</h2> <article is="site-status" name="Google" info=N EED RETURN VALUE FROM SCRIPT ABOVE></article> </section>