A Pen by Daniel Granger.

First-Pen.markdown

First Pen

My first pen, just a quick html 5 button which when clicked has its CSS background colour changed.

A Pen by Daniel Granger on CodePen.

License.

index.html

<button class="go">Go!</button>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

script.js

$('.go').click(function(){
  $('.go').css('background-color', 'red');
});

style.css

.go {
    background-color: #26A65B;
    color: #fff;
    font-weight: bold;
    font-family: arial;
    font-size: 16px;
    border: none;
    width: 100px;
    padding: 10px;
}