after.css

*{
  margin:0;
  padding:0;
}
.race-conditions{
  color:white;
  font-weight:bold;
}
.race-conditions button{
  padding:8px;
}
.ready {background-color: red;}
.steady {background-color:orange;}
.go {background-color:green;}

after.html

<div class='race-conditions'>
  <button class='ready' data-message='Ready'>Ready</button>
  <button class='steady' data-message='Steady'>Steady</button>
  <button class='go' data-message='Go'>Go</button>
</div>

after.js

$(function(){
  $('.container button').click(function(){
    alert($(this).data('message'));
    $(this).addClass('disabled');
  });
});