Few weeks back, I had a task to create an online code editor for HTML, CSS, JS and show the output on the same screen.
I stored different codes in different variables and for showing the output on same screen, I had to create a virtual DOM and merge all the codes (HTML + CSS + JS) together and inject it into an iframe.
You can see the working of the above code in this app.
Web Code Editor
Changed the title from VDOM to in-memory DOM, as I mistook it for a VDOM.
Thanks @lukeshiru for the suggestion.