Render ChatGPT HTML

renderHTML.js

// Select all code elements containing HTML code snippets
const codeElements = document.querySelectorAll('code');

// Loop through each code element
codeElements.forEach(codeElement => {
  // Get the inner HTML of the code element and replace entities
  let codeHTML = codeElement.innerHTML
  // Remove the syntax highlighting tags and surrounding quotes using a regular expression
  codeHTML = codeHTML.replace(/^['"]?<code>|<\/code>['"]?$/g, '').replace(/<[^>]+>/g, '');
      
  codeHTML = codeHTML.replace(/&lt;/g, '<').replace(/&gt;/g, '>');
  
  codeElement.innerHTML = codeHTML;
    
});

Ask ChatGPT to write something in a single file using html, css, and js, and then render it within the code block