Find Your Hat Challenge Project (JavaScript)

kailiek · April 24, 2024, 3:12pm

I had to do the same, it was a hard project! Great job!

marylag · April 24, 2024, 3:25pm

Thank you for your feedback. We are moving little by little.

tera7819228518 · April 27, 2024, 5:54pm

Hi. This is my first time sharing my project in here. Just want to interact with the community. This is my project github link: GitHub - WaronLimsakul/find-your-hat-game . Thanks!

enioborges1175946631 · May 7, 2024, 1:09pm

Here is my solution! GitHub - borgesenioc/find-your-hat: This game is part of the Backend Engineer path at Codecademy. (with a little help from GPT4)

net4674066416 · May 13, 2024, 12:11am

Fun project. Sharing my code here.

stephenchambers19062 · May 13, 2024, 4:47pm

This was a fun project, felt pretty open-ended on how to approach. Was really happy with my print function for hiding the holes, ended up being simple but was thinking about doing it so much more complicated before I figured it out!

https://github.com/scruffy-steve/find_your_hat_game/blob/main/finding_your_hat/starting/main.js

m4mariaoni · May 23, 2024, 11:39am

here is my solution in the game.js

peter-zay · May 26, 2024, 7:29pm

Looks like the link broke to the walk through

code9342871367 · May 28, 2024, 9:49am

Very difficult project for a beginner: i used ChatGpt to explain to me and study what to do.
This is my repository:

https://github.com/lucaluccideveloper/projects/blob/2f512d2292dbfc0675f4a78ec0811d6b3f7f63de/main.js))

oscar_hermawan90 · May 29, 2024, 8:46am

Hi everyone this is my solution.

on Gist: Codecademy export · GitHub
on My Github: codecademy_challenges/001-find-your-hat-starting-challenges/main.js at main · oscarhermawan17/codecademy_challenges · GitHub

Could you review it? Thank you

mattsteen14 · June 7, 2024, 10:16am

Please feel free to look at my code for the Find Your Hat back end challenge project.
Your feedback would be greatly appreciated.

This was such a fun project. I don’t do this very often with the Codecademy challenge/portfolio projects but I found myself getting sidetracked and playing around before I had completed all of the basic tasks. As I was working on task 4 I ended up adding functionality to the resetField helper so that the player can customise their field if they choose to play again. At one point I started playing with randomly generating the field. As I was looking at the task 7 extension tasks, I saw the ‘create a hard mode’ bullet point and that lead to me implementing a prompt for the player to choose their difficulty level. I will definitely have a go at the task 7 extension tasks. I’ve put them in my read me roadmap section. Through playing the game myself I definitely think that the field validator would be much needed. Often it generates fields that are impossible to play as it puts loads of holes around the hat, especially in the harder difficulties. So I need to sort that out.

https://github.com/mattsteen14/ca-findyourhat.git

turanarican22 · June 7, 2024, 1:09pm

took quite long time;

gist.github.com

https://gist.github.com/codecademydev/1b052e5f906f3dcacc33393a96eb5f23

main.js

const prompt = require("prompt-sync")({ sigint: true });

const hat = "^";
const hole = "O";
const fieldCharacter = "░";
const pathCharacter = "*";

class Field {
  constructor(field) {
    this.field = field;

This file has been truncated. show original

peter-zay · June 9, 2024, 8:02pm

This was very challenging. Seems to show up on all paths front/back/fullstack

My solution to this

gist.github.com

https://gist.github.com/codecademydev/1b82000c5992084dd20e2e6264e13fec

main.js

const prompt = require("prompt-sync")();

// Define game characters
const hat = "^";
const hole = "O";
const fieldCharacter = "░";
const pathCharacter = "*";

class Field {
    constructor(field) {

This file has been truncated. show original

board7816559072 · June 16, 2024, 11:37pm

Hello everybody.
Let me share my version of this task:

Find-Your-Hat

I did some refactoring and created three classes for Field, Player, and Game logic, organizing the code into separate parts. This structure allows for the addition of features like enemies in the future. I completed only the first sub-exercise from task 7. I might return to finish this project after completing Chapter 4. I want to take on the challenge of creating this game with React.js.

barnabytaylor · June 17, 2024, 5:01pm

Hey everyone, here is the solution I came up with: https://github.com/barns/find-your-hat

I wrote my solution in TypeScript because I’ve also been learning that.

At some point I made do some refactoring - one big issue at the moment is the use of the word ‘Field’ to mean the class which holds the game board, and the ‘PlayingFiled’ type I defined to constrain the actual 2-dimensional array to only be able to hold the characters which make up the game.

Please share any more feedback you have!

tiagocrebelo · June 21, 2024, 10:55am

4 years and this post still holds a lot of truth.

Although I am enjoying CodeCademy as a whole and it Is helping me brushing off some rust in some or several concepts and it is providing valuable information in other topics/concepts I didn’t deepen previously, I feel that some projects/exercises are harder if we compare to the lessons and the topics covered.
And I do understand that it is our job to research and dig in to complete and “get out of our comfort zone” but some like this Project is way out of pace.

data6531728196 · June 25, 2024, 5:07am

This was my final solution. Did not do part 7 as of yet.

https://github.com/MarshPeter/find_your_hat

design7241728721 · June 27, 2024, 4:26pm

Here is my Solution for Find your hat hope you like it!

robertvg · July 1, 2024, 5:46am

Hi everyone. I share with you my project.

github.com

RobertoVazquezG/findYourHat/blob/cb5dc6ef059450d9d52a8f13e1195ad4402035ff/starting/main.js

const prompt = require('prompt-sync')({sigint: true});

const hat = '^';
const hole = 'O';
const fieldCharacter = '░';
const pathCharacter = '*';
let hatRepeated = false;
/* The Field constructor should take a two-dimensional array representing the “field” itself. A field consists of a grid containing “holes” (O) and one “hat” (^). 
We use a neutral background character (░) to indicate the rest of the field itself. The player will begin in the upper-left of the field, and the player’s path is represented by *. */

function randomSymbol() {
    if(!hatRepeated){
        let randomNumber = Math.floor(Math.random() * 5);
        if(randomNumber==0){
            hatRepeated = true;
        }
        return randomNumber;
    }
    else if(hatRepeated){
        randomNumber = Math.floor(Math.random() * 4) + 1;

This file has been truncated. show original

4806554139 · July 5, 2024, 10:00pm

Hi everyone. I just finished Find my hat project. I tried my best to add more interactivity than it was required by a task. Also I’ve implemented hardMode() logic and a field validator. It took me some time but in the end i can tell that it definitely worth it.

Would love to get any review. Thanks!

P.S.: Maybe I’ll add a web version later, sounds easy with the whole logic completed

main.js

Topic		Replies	Views
Number Guesser Challenge Project (JavaScript) Challenge Projects	1292	68705	February 15, 2024
Responsive Club Website (CSS) Challenge Projects	940	34323	May 17, 2025
Build a Website Style Guide Challenge Project (HTML, CSS) Challenge Projects	1407	73700	June 12, 2025
Become a Pokemon Master Challenge Project (Python) Challenge Projects	75	21433	May 3, 2024
Codecademy Learners Challenge Project (SQL) Challenge Projects	37	6566	December 12, 2022

Find Your Hat Challenge Project (JavaScript)

Related topics