Как я могу использовать очищенные данные в моем файле HTML/JS?

#javascript #java #web-scraping #scrape

Вопрос:

Я очистил некоторые данные с помощью следующего кода

 const puppeteer = require ('puppeteer');
puppeteer
  .launch ()
  .then (async browser => {
    const page = await browser.newPage ();
    await page.goto ('https://www.link.com');
    await page.waitForSelector ('body');
    let grabPosts = await page.evaluate (() => {
    let allPosts = document.body.querySelectorAll ('.card-layout');
    scrapeItems = [];
    allPosts.forEach (item => {
      let postTitle = item.querySelector ('h3').innerText;
        scrapeItems.push ({
          postTitle: postTitle,
        });
      });
      let items = {
        "redditPosts": scrapeItems,
      };
      return items;
    });
    console.log (grabPosts);
    await browser.close ();
  })
  .catch (function (err) {
    console.error (err);
  });
 

Теперь я могу получать очищенные данные только в своем терминале VSCode, когда я его запускаю. Он ничего не показывает в консоли Chrome, когда я связываю файл кода очистки с файлом html.

Я хочу использовать эти очищенные данные в своем html-файле, манипулируя с помощью js. Я попробовал другой метод, но не знал, как это сделать.