Вернуться на Главную (Coder Helper)
Запустить код!
HTML
CSS
Javascript
Результат
HTML
<!--By Azer Sadykhzadeh--> <div id="test">Добро Пожаловать на HTML/CSS/JS компилятор!</div> <div>Нажмите на красный мячик, чтобы поменять его цвет на рандомный</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="Это полностью функционизированный компилятор, где ты можешь создавать, редактировать и запускать свой собственный HTML, CSS и JavaScript код."; }
Результат