├── .gitignore ├── Chapter 10 ├── Programming Challenge #1.html ├── Programming Challenge #2.html └── Programming Challenge #3.html ├── Chapter 11 ├── Programming Challenge #1.html ├── Programming Challenge #2.html ├── Programming Challenge #3.html └── Programming Challenge #4.html ├── Chapter 12 ├── Programming Challenge #1.html ├── Programming Challenge #2.html └── Programming Challenge #3.html ├── Chapter 13 ├── Programming Challenge #1.html ├── Programming Challenge #2.html ├── Programming Challenge #3.html └── Programming Challenge #4.html ├── Chapter 14 ├── Programming Challenge #1.html ├── Programming Challenge #2.html ├── Programming Challenge #3.html └── Programming Challenge #4.html ├── Chapter 15 ├── Programming Challenge #1.html ├── Programming Challenge #2.html └── Programming Challenge #3.html ├── Chapter 16 ├── Programming Challenge #1.html ├── Programming Challenge #2.html └── Programming Challenge #3.html ├── Chapter 17 ├── Programming Challenge #1.html ├── Programming Challenge #2.html ├── Programming Challenge #3.html └── Programming Challenge #4.html ├── Chapter 3 ├── Programming Challenge #2.js ├── Programming Challenge #3.js └── Programming Challenge #4.js ├── Chapter 4 ├── Programming Challenge #1.js └── Programming Challenge #2.js ├── Chapter 6 ├── Programming challenge #1.html ├── Programming challenge #2.html └── Programming challenge #3.html ├── Chapter 7 ├── Programming Challenge #2.html ├── Programming Challenge #3.html └── Programming Challenge #4.html ├── Chapter 8 ├── Programming Challenge #1.js ├── Programming Challenge #2.js └── Programming Challenge #3.html ├── Chapter 9 ├── Programming Challenge #1.html └── Programming Challenge #2.html ├── LICENSE └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Runtime data 9 | pids 10 | *.pid 11 | *.seed 12 | *.pid.lock 13 | 14 | # Directory for instrumented libs generated by jscoverage/JSCover 15 | lib-cov 16 | 17 | # Coverage directory used by tools like istanbul 18 | coverage 19 | 20 | # nyc test coverage 21 | .nyc_output 22 | 23 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 24 | .grunt 25 | 26 | # Bower dependency directory (https://bower.io/) 27 | bower_components 28 | 29 | # node-waf configuration 30 | .lock-wscript 31 | 32 | # Compiled binary addons (http://nodejs.org/api/addons.html) 33 | build/Release 34 | 35 | # Dependency directories 36 | node_modules/ 37 | jspm_packages/ 38 | 39 | # Typescript v1 declaration files 40 | typings/ 41 | 42 | # Optional npm cache directory 43 | .npm 44 | 45 | # Optional eslint cache 46 | .eslintcache 47 | 48 | # Optional REPL history 49 | .node_repl_history 50 | 51 | # Output of 'npm pack' 52 | *.tgz 53 | 54 | # Yarn Integrity file 55 | .yarn-integrity 56 | 57 | # dotenv environment variables file 58 | .env 59 | 60 | -------------------------------------------------------------------------------- /Chapter 10/Programming Challenge #1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Mousemove 5 | 6 | 7 | 8 |

Hello world!

9 | 10 | 11 | 12 | 20 | 21 | -------------------------------------------------------------------------------- /Chapter 10/Programming Challenge #2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Interactive programming 5 | 6 | 7 | 8 |

Hello world!

9 | 10 | 11 | 12 | 52 | 53 | -------------------------------------------------------------------------------- /Chapter 10/Programming Challenge #3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Interactive programming 5 | 6 | 7 | 8 |

Hello world!

9 | 10 | 11 | 12 | 67 | 68 | -------------------------------------------------------------------------------- /Chapter 11/Programming Challenge #1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Find the buried treasure! 5 | 6 | 7 |

Find the buried treasure!

8 | 9 | 10 |

11 | 12 | 13 | 14 | 75 | 76 | 77 | -------------------------------------------------------------------------------- /Chapter 11/Programming Challenge #2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Find the buried treasure! 5 | 6 | 7 |

Find the buried treasure!

8 | 9 | 10 |

11 | 12 | 13 | 14 | 77 | 78 | 79 | -------------------------------------------------------------------------------- /Chapter 11/Programming Challenge #3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Find the buried treasure! 5 | 6 | 7 |

Find the buried treasure!

8 | 9 | 10 |

11 | 12 | 13 | 14 | 83 | 84 | 85 | -------------------------------------------------------------------------------- /Chapter 11/Programming Challenge #4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Find the buried treasure! 5 | 6 | 7 |

Find the buried treasure!

8 | 9 | 10 |

11 |

12 | 13 | 14 | 15 | 87 | 88 | 89 | -------------------------------------------------------------------------------- /Chapter 12/Programming Challenge #1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Cars 5 | 6 | 7 | 8 | 68 | 69 | 70 | -------------------------------------------------------------------------------- /Chapter 12/Programming Challenge #2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Cars 5 | 6 | 7 | 8 | 69 | 70 | 71 | -------------------------------------------------------------------------------- /Chapter 12/Programming Challenge #3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Cars 5 | 6 | 7 | 8 | 74 | 75 | 76 | -------------------------------------------------------------------------------- /Chapter 13/Programming Challenge #1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Canvas 5 | 6 | 7 | 8 | 9 | 10 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /Chapter 13/Programming Challenge #2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Canvas 5 | 6 | 7 | 8 | 9 | 10 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /Chapter 13/Programming Challenge #3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Canvas 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /Chapter 13/Programming Challenge #4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Canvas 5 | 6 | 7 | 8 | 9 | 10 | 116 | 117 | 118 | -------------------------------------------------------------------------------- /Chapter 14/Programming Challenge #1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | A Bouncing Ball 5 | 6 | 7 | 8 | 9 | 10 | 64 | 65 | 66 | -------------------------------------------------------------------------------- /Chapter 14/Programming Challenge #2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | A Bouncing Ball 5 | 6 | 7 | 8 | 9 | 10 | 64 | 65 | 66 | -------------------------------------------------------------------------------- /Chapter 14/Programming Challenge #3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | A Bouncing Ball 5 | 6 | 7 | 8 | 9 | 10 | 69 | 70 | 71 | -------------------------------------------------------------------------------- /Chapter 14/Programming Challenge #4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | A Bouncing Ball 5 | 6 | 7 | 8 | 9 | 10 | 76 | 77 | 78 | -------------------------------------------------------------------------------- /Chapter 15/Programming Challenge #1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Keyboard input 5 | 6 | 7 | 8 | 9 | 98 | 99 | 100 | -------------------------------------------------------------------------------- /Chapter 15/Programming Challenge #2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Keyboard input 5 | 6 | 7 | 8 | 9 | 121 | 122 | 123 | -------------------------------------------------------------------------------- /Chapter 15/Programming Challenge #3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Keyboard input 5 | 6 | 7 | 8 | 9 | 116 | 117 | 118 | -------------------------------------------------------------------------------- /Chapter 16/Programming Challenge #1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Snake! 5 | 6 | 7 | 8 | 9 | 10 | 11 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /Chapter 16/Programming Challenge #2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Snake! 5 | 6 | 7 | 8 | 9 | 10 | 11 | 57 | 58 | 59 | -------------------------------------------------------------------------------- /Chapter 16/Programming Challenge #3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Canvas 5 | 6 | 7 | 8 | 9 | 10 | 148 | 149 | 150 | -------------------------------------------------------------------------------- /Chapter 17/Programming Challenge #1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Snake! 5 | 6 | 7 | 8 | 9 | 10 | 11 | 228 | 229 | 230 | -------------------------------------------------------------------------------- /Chapter 17/Programming Challenge #2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Snake! 5 | 6 | 7 | 8 | 9 | 10 | 11 | 237 | 238 | 239 | -------------------------------------------------------------------------------- /Chapter 17/Programming Challenge #3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Snake! 5 | 6 | 7 | 8 | 9 | 10 | 11 | 249 | 250 | 251 | -------------------------------------------------------------------------------- /Chapter 17/Programming Challenge #4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Snake! 5 | 6 | 7 | 8 | 9 | 10 | 11 | 257 | 258 | 259 | -------------------------------------------------------------------------------- /Chapter 3/Programming Challenge #2.js: -------------------------------------------------------------------------------- 1 | var randomBodyParts = ["Face", "Nose", "Hair"]; 2 | var randomAnimalBodyParts = ["Tail", "Foot", "Fur"] 3 | var randomAdjectives = ["Smelly", "Boring", "Stupid"]; 4 | var randomAnimals = ["Fly", "Marmot", "Monkey", "Rat"]; 5 | 6 | var randomBodyPart = randomBodyParts[Math.floor(Math.random() * 3)]; 7 | var randomAnimalBodyPart = randomAnimalBodyParts[Math.floor(Math.random() * 3)]; 8 | var randomAdjective = randomAdjectives[Math.floor(Math.random() * 3)]; 9 | var randomAnimal = randomAnimals[Math.floor(Math.random() * 4)]; 10 | 11 | var randomInsult = "Your " + randomBodyPart + " is more " + randomAdjective + " than a " + randomAnimal + "'s " + randomAnimalBodyPart; 12 | randomInsult; 13 | // "Your Nose is more Stupid than a Monkey's Tail" 14 | -------------------------------------------------------------------------------- /Chapter 3/Programming Challenge #3.js: -------------------------------------------------------------------------------- 1 | var randomBodyParts = ["Face", "Nose", "Hair"]; 2 | var randomAnimalBodyParts = ["Tail", "Foot", "Fur"] 3 | var randomAdjectives = ["Smelly", "Boring", "Stupid"]; 4 | var randomAnimals = ["Fly", "Marmot", "Monkey", "Rat"]; 5 | 6 | var randomBodyPart = randomBodyParts[Math.floor(Math.random() * 3)]; 7 | var randomAnimalBodyPart = randomAnimalBodyParts[Math.floor(Math.random() * 3)]; 8 | var randomAdjective = randomAdjectives[Math.floor(Math.random() * 3)]; 9 | var randomAnimal = randomAnimals[Math.floor(Math.random() * 4)]; 10 | 11 | var randomInsult = ["Your", randomBodyPart, "is more", randomAdjective, "than a", randomAnimal + "'s", randomAnimalBodyPart].join(" "); 12 | randomInsult; 13 | // "Your Hair is more Smelly than a Rat's Foot" 14 | -------------------------------------------------------------------------------- /Chapter 3/Programming Challenge #4.js: -------------------------------------------------------------------------------- 1 | [3, 2, 1].join(" is bigger than "); 2 | // "3 is bigger than 2 is bigger than 1" 3 | -------------------------------------------------------------------------------- /Chapter 4/Programming Challenge #1.js: -------------------------------------------------------------------------------- 1 | var scores = { 2 | nick: 0, 3 | philly: 0 4 | }; 5 | 6 | // Increase Philly's score by 100 7 | scores.philly += 100; 8 | 9 | // Increase Nick's score by 90 10 | scores.nick += 90; 11 | 12 | // Show scores 13 | scores; 14 | // { nick: 90, philly: 100 } 15 | -------------------------------------------------------------------------------- /Chapter 4/Programming Challenge #2.js: -------------------------------------------------------------------------------- 1 | var myCrazyObject = { 2 | "name": "A ridiculous object", 3 | "some array": [7, 9, { purpose: "confusion", number: 123 }, 3.3], "random animal": "Banana Shark" 4 | }; 5 | 6 | myCrazyObject["some array"][2].number; 7 | // 123 8 | -------------------------------------------------------------------------------- /Chapter 6/Programming challenge #1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | My first proper HTML page 5 | 6 | 7 |

Hello world!

8 |

My first web page.

9 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /Chapter 6/Programming challenge #2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | My first proper HTML page 5 | 6 | 7 |

Hello world!

8 |

My first web page.

9 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /Chapter 6/Programming challenge #3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | My first proper HTML page 5 | 6 | 7 |

Hello world!

8 |

My first web page.

9 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /Chapter 7/Programming Challenge #2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Hangman! 5 | 6 | 7 |

Hangman!

8 | 57 | 58 | -------------------------------------------------------------------------------- /Chapter 7/Programming Challenge #3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Hangman! 5 | 6 | 7 |

Hangman!

8 | 65 | 66 | -------------------------------------------------------------------------------- /Chapter 7/Programming Challenge #4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Hangman! 5 | 6 | 7 |

Hangman!

8 | 64 | 65 | 66 | -------------------------------------------------------------------------------- /Chapter 8/Programming Challenge #1.js: -------------------------------------------------------------------------------- 1 | var add = function (a, b) { 2 | return a + b; 3 | }; 4 | 5 | var multiply = function (a, b) { 6 | return a * b; 7 | }; 8 | 9 | add(multiply(36325, 9824), 777); 10 | // 356857577 11 | -------------------------------------------------------------------------------- /Chapter 8/Programming Challenge #2.js: -------------------------------------------------------------------------------- 1 | var areArraysSame = function (arr1, arr2) { 2 | if (arr1.length !== arr2.length) { 3 | return false; 4 | } 5 | 6 | for (var i = 0; i < arr1.length; i++) { 7 | if (arr1[i] !== arr2[i]) { 8 | return false; 9 | } 10 | } 11 | 12 | return true; 13 | }; 14 | 15 | areArraysSame([1, 2, 3], [4, 5, 6]); 16 | // false 17 | 18 | areArraysSame([1, 2, 3], [1, 2, 3]); 19 | // true 20 | 21 | areArraysSame([1, 2, 3], [1, 2, 3, 4]); 22 | // false 23 | -------------------------------------------------------------------------------- /Chapter 8/Programming Challenge #3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Hangman! 5 | 6 | 7 |

Hangman!

8 | 71 | 72 | 73 | -------------------------------------------------------------------------------- /Chapter 9/Programming Challenge #1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Playing with the DOM 5 | 6 | 7 | 8 |

Hello world!

9 | 10 | 11 | 12 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /Chapter 9/Programming Challenge #2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Playing with the DOM 5 | 6 | 7 | 8 |

Hello world!

9 | 10 | 11 | 12 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Philippe Rigovanov 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # JavaScriptForKidsSolutions 2 | Solutions to programming challenges from the [JavaScript for Kids A Playful Introduction to Programming](https://www.nostarch.com/javascriptforkids) book by [Nick Morgan](https://github.com/skilldrick) 3 | --------------------------------------------------------------------------------