Game Instructions

Tap a tile to toggle its color. When a tile changes nearby tiles may change as well. Each move affect multiple tiles. The target is to turn all tiles into yellow in the fewest steps possible.

Press 'j' to show/hide the game. Press 'i' to show/hide the instructions. Press 't' to show/hide the top score table.

Steps: 0

Top Scores

Name Steps
Press J to toggle the game, I to toggle instructions, and T to toggle the top scores

Congratulations!

You solved the puzzle in 0 steps!

Success!

Score submitted successfully!

Error

Failed to submit score. Please try again.

QUnit Jump Start PRO

The QUnit framework allows us to develop unit tests for code developed in JavaScript. The following video clip overviews a simple demo for using this framework.

The following is the code sample this video clip overviews. The QUnit website includes detailed documentation and code samples for using this framework.

<!DOCTYPE html>
<html>
<head>
    <title>QUnit Demo</title>
    <link rel="stylesheet" href="http://code.jquery.com/qunit/qunit-1.12.0.css">
    <script src="http://code.jquery.com/qunit/qunit-1.12.0.js"></script>
    <script src="mylib.js"></script>
</head>
<body>
    <div id="qunit"></div>
    <div id="qunit-fixture"></div>
    <script type="text/javascript">
    test("the sum() function unit test",
        function()
        {
            var numA = 3;
            var numB = 4;
            var result = sum(numA,numB);
            equal( result, 7, "sum of 3 and 4 succeeds" );
            numA = 9999999999999999999999999999999999999999;
            numB = 1;
            result = sum(numA,numB);
            equal(result,10000000000000000000000000000000000000000,"sum of 9999999999999999999999999999999999999999 and 1 succeeds");
        }
    );
    test("the biggest() function unit test",
            function()
            {
                equal( biggest(2,5), 5, "getting that 5 is bigger than 2 succeeds" );
                equal( biggest(9,5), 9, "getting that 9 is bigger than 5 succeeds" );
                equal( biggest(9,5), 9, "getting that 9 is bigger than 5 succeeds" );
            }
    );
    </script>
</body>
</html>

You can find the community version of the QUnit Basics course available for free personal usage at http://abelski.lifemichael.com.

Share:

The Beauty of Code

Coding is Art! Developing Code That Works is Simple. Develop Code with Style is a Challenge!

Update cookies preferences