Have you ever used JSBin or CodePen and wondered how you can accomplish something like they do on those sites? Of course, CodePen is much more advanced and has more options but if you ever want to combine JavaScript code and CSS code into a full or partial HTML document you can use the updateHTMLDoc() function that I defined below:

To make this function I am leveraging the parseFromString() function of the DOMParser class to parse the given HTML code so that it can be modified. Here is an example showing how you can use this function to add CSS and JS to the head of the given HTML string:

Hopefully this short example helps you see how you can use this function. I have also added JSDoc annotation to make it easier to use this function in an IDE such as Visual Studio Code.

Happy coding! 😎

Categories: BlogJavaScript

Leave a Reply

Your email address will not be published. Required fields are marked *