The Memory (aka Concentration) Game - The Essential Guide to HTML5 - page 156

Padding:20px;

Set the internal
padding

}

Close the style

input {

Set the styling for
input fields

text-align:right; Set right alignment—

suitable for numbers

}

Close the style

</style> Close the style

element

<script type="text/javascript"> Start the script

element. The type
specification isnt
necessary but is
included here
because youll see it.

var ctx;

Variable that holds the
canvas context

var firstpick = true;

Declare and initialize
firstpick

var firstcard; Declare a variable to

hold the info defining
the first pick

var secondcard;

Declare a variable to
hold the info defining
the second pick

var frontbgcolor = "rgb(251,215,73)";

Set the background
color value for the
card fronts

var polycolor = "rgb(254,11,0)";

Set the color value for
the polygons

var backcolor = "rgb(128,0,128)";

Set the color value for
card backs