<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.