<h1>Trình soạn thảo Real-time, Thực thi ngay trên trình duyệt</h1>
<p>Soạn thảo code tại box bên dưới:</p>
<script id="js" style="display: block" contenteditable>

//alert('Mở hộp thoại!'); // Uncomment hoặc viết code và Run thử!
</script>

<script>
(function() {

  var timer,
      js = document.getElementById('js'),
      delay = 2000;

  js.onkeyup = function(event) {

    if (typeof timer != "undefined") {

      clearTimeout(timer);
      timer = 0;
    }

    timer = setTimeout(executeCode, delay);
  };

 function executeCode() {
    var script = document.createElement("script");
    script.innerHTML = js.innerHTML;
    js.parentNode.insertBefore(script, js);
 }

})();
</script>
script {
  border: 1px solid grey;
  padding: 10px;
  
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.