Berkas Kode
Show Code
Berkas Kode
Run Code!
HTML
CSS
Javascript
Result
HTML
<div id="test">Welcome to Myles' CodeRunner!</div> <div>Click on the red ball to randomnly change its color!</div> <div id="wrapper"> <div id="circle"></div> </div> <div id="note"></div>
CSS
html { background: radial-gradient(grey, black); color:white; font-family: "Calibri Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; padding:50px; text-align:center; } #test { font-weight:bold; font-size:20px; } #wrapper { margin:0 auto; height:201px; width:201px; } #circle { margin-top:20px; width:200px; height:200px; border-radius:100%; background-color:red; } #note { margin-top:20px; }
Javascript
document.getElementById("circle").onclick=function() { this.style.backgroundColor="#"+Math.floor(Math.random()*16777215).toString(16); document.getElementById("note").innerHTML="This is a fully functional code bin, where you can create, edit and deploy your own HTML, CSS and Javascript Code."; }
Result
