He creado un editor de código que funciona bien con js html y css. La salida también se entrega automáticamente dentro de un iframe. pero quiero esta salida dentro de un div porque también quiero arrastrar y soltar algunos elementos dentro de la sección de salida. Aquí está mi código

 <script type="text/javascript"> function run() { let htmlCode = document.querySelector(".editor #html-code").value; let cssCode = "<style>" + document.querySelector(".editor #css-code").value + "</style>"; let jsCode = document.querySelector(".editor #js-code").value; let output = document.querySelector(".editor #output"); // html css runner output.contentDocument.body.innerHTML = htmlCode + cssCode; // java runner output.contentWindow.eval(jsCode); } document.querySelector(".editor #html-code").addEventListener("keyup", run); document.querySelector(".editor #css-code").addEventListener("keyup", run); document.querySelector(".editor #js-code").addEventListener("keyup", run);

requieren js puro