/****************************************** * * * Made by: @Brandon © 2018 * * * * Title: Live Coding - My awesomeness * * * * * ******************************************/ // Sources: // StackOverflow, // Google Font // jQuery $(document).ready(function(){ var textarea = $("textarea")[0]; var iframe = $("iframe")[0]; var statements = '\n\n\n\n \n Brandon\'s awesomeness\n \n \n \n \n

Brandon\'s awesomeness!

Hey, guys! I created this cool code called Live coding! Please upvote this as a took a lot of time and wits to make this (just kidding, it was really easy).<\p>\n \n var doc = document;\n var body = doc.body;\n body.style.margin = "20px";\n doc.getElementById("h1").style.textAlign = "center";\n doc.getElementById("intro").style.color = "lightblue";\n var div = doc.createElement("div");\n div.innerHTML = "My JS created div.";\n div.style.textAlign = "center";\n div.style.color = "green";\n div.classList.add("div");\n body.appendChild(div);\n \n \n'; var counter = 0; setInterval(function(){ textarea.innerHTML += statements.charAt( counter ); counter++; }, 25) // iFrame content iframe = iframe.contentWindow || ( iframe.contentDocument.document || iframe.contentDocument); setInterval(function(){ iframe.document.open(); iframe.document.write(textarea.value); iframe.document.close(); },1) // Scroll down effect var x = setInterval(function(){ $("textarea").scrollTop($("textarea")[0].scrollHeight)},0);setTimeout(function(){clearInterval(x)},70000) });

Live coding [IN PROGRESS]