Fetch, Parse, and Display HTML Content with JavaScript

// Define the URL from which the HTML content will be fetched (make sure to configure CORS)
const url = "https://nesinio-fetch-html.surge.sh";

// Make a fetch request to the specified URL.
fetch(url)
    .then(response => response.text())  // Convert the loaded page to text.
   .then(fetchedHTMLContent => {
        const domParser = new DOMParser();  // Initialize the DOM parser.

        // Use the DOM parser to convert the text to HTML elements.
        const parsedHTML = domParser.parseFromString(fetchedHTMLContent, "text/html");

        // It's possible to select part of the parsed HTML as in the regular DOM.
        // For example: 
        const extractedHeading = parsedHTML.querySelector('body h1');

        // And you can inject it into wherever you want

        document.querySelector('body').appendChild(extractedHeading)

        console.log(fetchedHTMLContent);
    })
    .catch(err => console.log('Failed to fetch the page:', err));