From 2772a8eb4c74fce306f9942ae6e9f37133e0f86a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juraj=20Mich=C3=A1lek?= <juraj.michalek@gmail.com>
Date: Thu, 15 Dec 2016 12:20:17 +0000
Subject: [PATCH] finalize simple game

---
 README.md              | 49 +++++++++++++++++++++++++++++++++++++++++-
 exercise-06/index.html |  1 +
 exercise-07/index.html |  1 +
 exercise-08/index.html |  1 +
 exercise-09/index.html |  1 +
 exercise-10/index.html |  1 +
 6 files changed, 53 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index f62dd6d..bffe934 100644
--- a/README.md
+++ b/README.md
@@ -26,7 +26,11 @@ Change 4 Czech options to 4 buttons. Replace div tag by button tag and class.
 
 ## 05. Use Twitter style of buttons
 
-Add CSS class definition to buttons: class="btn btn-default"
+Add CSS class definition to buttons: class="btn btn-default".
+
+Fix for C9.io ide to avoid jQuery warning, add /* global $ */
+
+- https://community.c9.io/t/being-flagged-as-not-defined-in-js-file-when-using-jquery/4231/5
 
 ## 06. Display alert when on button click
 
@@ -56,3 +60,46 @@ Display icon which indicates status. Use Twitter Glyphicons.
 - http://api.jquery.com/addClass/
 - http://api.jquery.com/removeClass/
 
+## 11. Add support for more words
+
+Create two lists of words. One in English and one in Czech.
+
+var czechWords = [];
+var englishWords = [];
+
+## 12. Pick random English word from list
+
+Select random word and display it on sreen.
+Use Math.random and Math.floor functions.
+
+- http://www.w3schools.com/jsref/jsref_random.asp
+
+## 13. Check correct answer
+
+Compare index of selected word with primary word and display success or failure.
+
+## 14. Generate content of buttons
+
+Define ID for each button and use "for" cycle to display words on buttons
+
+## 15. Generate new words after selecting correct one
+
+Run function for generating word again when the word was correct.
+
+## 16. Add delay before moving starting new round of game
+
+Use setTimeout function to invoke new game after selecting word.
+
+- http://stackoverflow.com/questions/10860171/run-function-after-delay
+ 
+## 17. Fade out status message
+
+Use fadeOut function to remove message from display.
+
+- http://api.jquery.com/fadeOut/
+
+## 18. Display message evan after fadeout
+
+Bring back message tag using "show" function.
+
+- http://stackoverflow.com/questions/13228696/re-displaying-after-fadeout
diff --git a/exercise-06/index.html b/exercise-06/index.html
index 0a7aaec..4f8f1a0 100644
--- a/exercise-06/index.html
+++ b/exercise-06/index.html
@@ -9,6 +9,7 @@
         <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
         
         <script type="text/javascript">
+            /* global $ */
             function buttonClickHandler(event) {
                 alert("Clicked");
             }
diff --git a/exercise-07/index.html b/exercise-07/index.html
index 2a13b67..052fdfc 100644
--- a/exercise-07/index.html
+++ b/exercise-07/index.html
@@ -9,6 +9,7 @@
         <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
         
         <script type="text/javascript">
+            /* global $ */
             function buttonClickHandler(event) {
                 alert("Clicked: " + event.target.textContent);
             }
diff --git a/exercise-08/index.html b/exercise-08/index.html
index 2e58f36..ef187f3 100644
--- a/exercise-08/index.html
+++ b/exercise-08/index.html
@@ -9,6 +9,7 @@
         <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
         
         <script type="text/javascript">
+            /* global $ */
             function buttonClickHandler(event) {
                 var message;
                 if (event.target.textContent == "slovo") {
diff --git a/exercise-09/index.html b/exercise-09/index.html
index cbd781e..53c6e54 100644
--- a/exercise-09/index.html
+++ b/exercise-09/index.html
@@ -9,6 +9,7 @@
         <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
         
         <script type="text/javascript">
+            /* global $ */
             function buttonClickHandler(event) {
                 var message;
                 if (event.target.textContent == "slovo") {
diff --git a/exercise-10/index.html b/exercise-10/index.html
index 1092641..52bd666 100644
--- a/exercise-10/index.html
+++ b/exercise-10/index.html
@@ -9,6 +9,7 @@
         <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
         
         <script type="text/javascript">
+            /* global $ */
             function buttonClickHandler(event) {
                 var message;
                 if (event.target.textContent == "slovo") {