JSFiddle - React, Tailwind, and code Playground

HTML

I haven't use any editor. Simply a text area<br>
<textarea id='html1'class="textarea" onkeyup='setFrame();'></textarea><br>
<textarea id='css1' class="textarea" onkeyup='setFrame();'></textarea><br>
<iframe id="outputIframe1"></iframe>
<br><br><br>
<script>
function setFrame() {
    var html = html.value;
    var css = css.value;
    var js = js.value;
    var code = document.getElementById('code');
    
    code.contentWindow.document.open();
    code.contentWindow.document.write(
      html +
      '<style>' + 
      css
      '</style>'+
      '<script>'+
      js
      '</sc'+'ript>'
      );
    code.contentWindow.document.close();
  }
  
</script>