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.

The zxcvbn.js JavaScript Library PRO

The zxcvbn.js JavaScript open source library provides us with a simple easy to use function for evaluating the strength of a password the user enters. Using this library we can provide our user with an immediate feedback.

The following code sample shows how simple it is to use this JavaScript open source library. You can find the files ready for download as part of the Zxcvbn.js Basics free course at http://abelski.lifemichael.com.

<!DOCTYPE html>
<html>
<head>
    <title>zxcvbn.js demo</title>
    <script type="text/javascript" src="zxcvbn.js">
    </script>
</head>
<body>
    <script type="text/javascript">
        var result = zxcvbn("njacdkh",["haim","lifemichael", "telaviv"]);
        document.writeln("<br>"+result.score);
    </script>
</body>
</html>

The following video clip overviews this code sample, shows its execution and explores the various cases when evaluating different passwords.

You can find more training material, including video clips, code samples and slides, for learning how to use this library in my free online courses website 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