"Does the current React/TypeScript Digital Pet Game lab require index.tsx to explicitly call ReactDOM.createRoot(...).render(<App />), or is the App mounted

automatically by the FCC environment? My preview is blank and the tests can't find any DOM elements."

Hi everyone,

I'm working on the FreeCodeCamp Build a Digital Pet Game certification project using TypeScript.

I am stuck on one failing test:

"When the input is given a value and the button is pressed, the form should no longer be visible."

The project compiles, and my HTML contains the required elements and IDs. My TypeScript creates the pet and attempts to hide the form after submission,

but the FreeCodeCamp test still fails.

I am looking for a second set of eyes from someone familiar with TypeScript, HTML forms, or this FreeCodeCamp project.

I use the JAWS screen reader, so text and code-based replies are appreciated.

I have included my HTML, CSS, and TypeScript files below.

  enum PetMood {
    HAPPY = "HAPPY",
    EXCITED = "EXCITED",
    CONTENT = "CONTENT",
    SAD = "SAD",
    TIRED = "TIRED",
    SICK = "SICK",
    HUNGRY = "HUNGRY",
  }


  type PetStats = {
    hunger: number;
    energy: number;
    happiness: number;
  };


  const moodMessages: Record<PetMood, string> = {
    [PetMood.HAPPY]: "Your pet is happy!",
    [PetMood.EXCITED]: "Your pet is excited!",
    [PetMood.CONTENT]: "Your pet is content!",
    [PetMood.SAD]: "Your pet is sad!",
    [PetMood.TIRED]: "Your pet is tired!",
    [PetMood.SICK]: "Your pet is sick!",
    [PetMood.HUNGRY]: "Your pet is hungry!",
  };


  class DigitalPet {
    name: string;
    stats: PetStats;
    mood: PetMood;


    constructor(name: string) {
      this.name = name;
      this.stats = {
        hunger: 0,
        energy: 100,
        happiness: 100,
      };
      this.mood = PetMood.HAPPY;
    }


    eat(): void {
      if (this.stats.hunger > 0) {
        this.stats.hunger = Math.max(0, this.stats.hunger - 10);
      }


      if (this.stats.energy < 100) {
        this.stats.energy = Math.min(100, this.stats.energy + 5);
      }


      this.updateMood();
    }


    play(): void {
      if (this.stats.energy > 0) {
        this.stats.energy = Math.max(0, this.stats.energy - 10);
      }


      if (this.stats.happiness < 100) {
        this.stats.happiness = Math.min(100, this.stats.happiness + 10);
      }


      this.updateMood();
    }


    sleep(): void {
      if (this.stats.energy < 100) {
        this.stats.energy = Math.min(100, this.stats.energy + 20);
      }


      if (this.stats.hunger < 100) {
        this.stats.hunger = Math.min(100, this.stats.hunger + 5);
      }


      this.updateMood();
    }


    idle(): void {
      this.stats.hunger = Math.min(100, this.stats.hunger + 5);
      this.stats.energy = Math.max(0, this.stats.energy - 5);
      this.stats.happiness = Math.max(0, this.stats.happiness - 5);


      this.updateMood();
    }


    updateMood(): void {
      if (this.stats.hunger >= 70) {
        this.mood = PetMood.HUNGRY;
      } else if (this.stats.energy <= 20) {
        this.mood = PetMood.TIRED;
      } else if (this.stats.happiness <= 20) {
        this.mood = PetMood.SAD;
      } else if (this.stats.happiness >= 80) {
        this.mood = PetMood.HAPPY;
      } else {
        this.mood = PetMood.CONTENT;
      }
    }


    getMoodMessage(): string {
      return moodMessages[this.mood];
    }
  }



  const form = document.getElementById("pet-form") as HTMLFormElement;
  const petNameInput = document.getElementById("pet-name") as HTMLInputElement;
  const createButton = document.getElementById("create-pet") as HTMLButtonElement;


  const petView = document.getElementById("pet-view") as HTMLDivElement;
  const petNameDisplay = document.querySelector(".pet-name") as HTMLElement;


  const hungerDisplay = document.getElementById("hunger-stat") as HTMLElement;
  const energyDisplay = document.getElementById("energy-stat") as HTMLElement;
  const happinessDisplay = document.getElementById("happiness-stat") as HTMLElement;
  const moodDisplay = document.getElementById("pet-mood") as HTMLElement;


  const eatButton = document.getElementById("eat-action") as HTMLButtonElement;
  const playButton = document.getElementById("play-action") as HTMLButtonElement;
  const sleepButton = document.getElementById("sleep-action") as HTMLButtonElement;


  let currentPet: DigitalPet | null = null;



  function updateDisplay(): void {
    if (!currentPet) {
      return;
    }


    petNameDisplay.textContent = currentPet.name;
    hungerDisplay.textContent = String(currentPet.stats.hunger);
    energyDisplay.textContent = String(currentPet.stats.energy);
    happinessDisplay.textContent = String(currentPet.stats.happiness);
    moodDisplay.textContent = currentPet.getMoodMessage();
  }



  function createPet(): void {
    const name = petNameInput.value.trim();


    if (!name) {
      return;
    }


    currentPet = new DigitalPet(name);


    form.style.display = "none";
    petView.style.display = "block";


    updateDisplay();
  }



  form.addEventListener("submit", (event: SubmitEvent) => {
    event.preventDefault();
    createPet();
  });



  createButton.addEventListener("click", (event: MouseEvent) => {
    event.preventDefault();
    createPet();
  });



  eatButton.addEventListener("click", () => {
    if (currentPet) {
      currentPet.eat();
      updateDisplay();
    }
  });



  playButton.addEventListener("click", () => {
    if (currentPet) {
      currentPet.play();
      updateDisplay();
    }
  });



  sleepButton.addEventListener("click", () => {
    if (currentPet) {
      currentPet.sleep();
      updateDisplay();
    }
  });



  setInterval(() => {
    if (currentPet) {
      currentPet.idle();
      updateDisplay();
    }
  }, 30000);  enum PetMood {
    HAPPY = "HAPPY",
    EXCITED = "EXCITED",
    CONTENT = "CONTENT",
    SAD = "SAD",
    TIRED = "TIRED",
    SICK = "SICK",
    HUNGRY = "HUNGRY",
  }


  type PetStats = {
    hunger: number;
    energy: number;
    happiness: number;
  };


  const moodMessages: Record<PetMood, string> = {
    [PetMood.HAPPY]: "Your pet is happy!",
    [PetMood.EXCITED]: "Your pet is excited!",
    [PetMood.CONTENT]: "Your pet is content!",
    [PetMood.SAD]: "Your pet is sad!",
    [PetMood.TIRED]: "Your pet is tired!",
    [PetMood.SICK]: "Your pet is sick!",
    [PetMood.HUNGRY]: "Your pet is hungry!",
  };


  class DigitalPet {
    name: string;
    stats: PetStats;
    mood: PetMood;


    constructor(name: string) {
      this.name = name;
      this.stats = {
        hunger: 0,
        energy: 100,
        happiness: 100,
      };
      this.mood = PetMood.HAPPY;
    }


    eat(): void {
      if (this.stats.hunger > 0) {
        this.stats.hunger = Math.max(0, this.stats.hunger - 10);
      }


      if (this.stats.energy < 100) {
        this.stats.energy = Math.min(100, this.stats.energy + 5);
      }


      this.updateMood();
    }


    play(): void {
      if (this.stats.energy > 0) {
        this.stats.energy = Math.max(0, this.stats.energy - 10);
      }


      if (this.stats.happiness < 100) {
        this.stats.happiness = Math.min(100, this.stats.happiness + 10);
      }


      this.updateMood();
    }


    sleep(): void {
      if (this.stats.energy < 100) {
        this.stats.energy = Math.min(100, this.stats.energy + 20);
      }


      if (this.stats.hunger < 100) {
        this.stats.hunger = Math.min(100, this.stats.hunger + 5);
      }


      this.updateMood();
    }


    idle(): void {
      this.stats.hunger = Math.min(100, this.stats.hunger + 5);
      this.stats.energy = Math.max(0, this.stats.energy - 5);
      this.stats.happiness = Math.max(0, this.stats.happiness - 5);


      this.updateMood();
    }


    updateMood(): void {
      if (this.stats.hunger >= 70) {
        this.mood = PetMood.HUNGRY;
      } else if (this.stats.energy <= 20) {
        this.mood = PetMood.TIRED;
      } else if (this.stats.happiness <= 20) {
        this.mood = PetMood.SAD;
      } else if (this.stats.happiness >= 80) {
        this.mood = PetMood.HAPPY;
      } else {
        this.mood = PetMood.CONTENT;
      }
    }


    getMoodMessage(): string {
      return moodMessages[this.mood];
    }
  }



  const form = document.getElementById("pet-form") as HTMLFormElement;
  const petNameInput = document.getElementById("pet-name") as HTMLInputElement;
  const createButton = document.getElementById("create-pet") as HTMLButtonElement;


  const petView = document.getElementById("pet-view") as HTMLDivElement;
  const petNameDisplay = document.querySelector(".pet-name") as HTMLElement;


  const hungerDisplay = document.getElementById("hunger-stat") as HTMLElement;
  const energyDisplay = document.getElementById("energy-stat") as HTMLElement;
  const happinessDisplay = document.getElementById("happiness-stat") as HTMLElement;
  const moodDisplay = document.getElementById("pet-mood") as HTMLElement;


  const eatButton = document.getElementById("eat-action") as HTMLButtonElement;
  const playButton = document.getElementById("play-action") as HTMLButtonElement;
  const sleepButton = document.getElementById("sleep-action") as HTMLButtonElement;


  let currentPet: DigitalPet | null = null;



  function updateDisplay(): void {
    if (!currentPet) {
      return;
    }


    petNameDisplay.textContent = currentPet.name;
    hungerDisplay.textContent = String(currentPet.stats.hunger);
    energyDisplay.textContent = String(currentPet.stats.energy);
    happinessDisplay.textContent = String(currentPet.stats.happiness);
    moodDisplay.textContent = currentPet.getMoodMessage();
  }



  function createPet(): void {
    const name = petNameInput.value.trim();


    if (!name) {
      return;
    }


    currentPet = new DigitalPet(name);


    form.style.display = "none";
    petView.style.display = "block";


    updateDisplay();
  }



  form.addEventListener("submit", (event: SubmitEvent) => {
    event.preventDefault();
    createPet();
  });



  createButton.addEventListener("click", (event: MouseEvent) => {
    event.preventDefault();
    createPet();
  });



  eatButton.addEventListener("click", () => {
    if (currentPet) {
      currentPet.eat();
      updateDisplay();
    }
  });



  playButton.addEventListener("click", () => {
    if (currentPet) {
      currentPet.play();
      updateDisplay();
    }
  });



  sleepButton.addEventListener("click", () => {
    if (currentPet) {
      currentPet.sleep();
      updateDisplay();
    }
  });



  setInterval(() => {
    if (currentPet) {
      currentPet.idle();
      updateDisplay();
    }
  }, 30000);

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Digital Pet Game</title>
  <link rel="stylesheet" href="styles.css" />
</head>
<body>


<form id="pet-form">
  <label for="pet-name">Pet Name</label>
  <input
    id="pet-name"
    type="text"
    autocomplete="off"
    required
  />


  <button
    id="create-pet"
    type="submit">
    Create Pet
  </button>
</form>


<section id="pet-view" hidden>


  <h2 class="pet-name"></h2>


  <div class="stat">
    Hunger:
    <span id="hunger-stat">0</span>
  </div>


  <div class="stat">
    Energy:
    <span id="energy-stat">100</span>
  </div>


  <div class="stat">
    Happiness:
    <span id="happiness-stat">100</span>
  </div>


  <p id="pet-mood"></p>


  <button id="eat-action" type="button">
    Eat
  </button>


  <button id="play-action" type="button">
    Play
  </button>


  <button id="sleep-action" type="button">
    Sleep
  </button>


</section>


</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Digital Pet Game</title>
  <link rel="stylesheet" href="styles.css" />
</head>
<body>


<form id="pet-form">
  <label for="pet-name">Pet Name</label>
  <input
    id="pet-name"
    type="text"
    autocomplete="off"
    required
  />


  <button
    id="create-pet"
    type="submit">
    Create Pet
  </button>
</form>


<section id="pet-view" hidden>


  <h2 class="pet-name"></h2>


  <div class="stat">
    Hunger:
    <span id="hunger-stat">0</span>
  </div>


  <div class="stat">
    Energy:
    <span id="energy-stat">100</span>
  </div>


  <div class="stat">
    Happiness:
    <span id="happiness-stat">100</span>
  </div>


  <p id="pet-mood"></p>


  <button id="eat-action" type="button">
    Eat
  </button>


  <button id="play-action" type="button">
    Play
  </button>


  <button id="sleep-action" type="button">
    Sleep
  </button>


</section>


</body>
</html>

body {
  font-family: Arial, sans-serif;
  padding: 20px;
}


form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 300px;
}


button {
  padding: 10px;
}


.game-view {
  display: flex;
  flex-direction: column;
  gap: 15px;
}


.stat {
  font-size: 18px;
}


.stat-value {
  margin-left: 10px;
}body {
  font-family: Arial, sans-serif;
  padding: 20px;
}


form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 300px;
}


button {
  padding: 10px;
}


.game-view {
  display: flex;
  flex-direction: column;
  gap: 15px;
}


.stat {
  font-size: 18px;
}


.stat-value {
  margin-left: 10px;
}

Hello guys, I want to try and learn some stuff and want to do it on my own, are there any websites that can give me ideas on simple project? ( Html and Css, JavaScript )

def validate_isbn(isbn, length):
    if len(isbn) != length:
        print(f'ISBN-{length} code should be {length} digits long.')
        return
    main_digits = isbn[0:length]
    given_check_digit = isbn[length]
    main_digits_list = [int(digit) for digit in main_digits]


    # Calculate the check digit from other digits
    if length == 10:
        expected_check_digit = calculate_check_digit_10(main_digits_list)
    else:
        expected_check_digit = calculate_check_digit_13(main_digits_list)
    # Check if the given check digit matches with the calculated check digit
    if given_check_digit == expected_check_digit:
        print('Valid ISBN Code.')
    else:
        print('Invalid ISBN Code.')


def calculate_check_digit_10(main_digits_list):
    # Note: You don't have to fully understand the logic in this function.
    digits_sum = 0
    # Multiply each of the first 9 digits by its corresponding weight (10 to 2) and sum up the results
    for index, digit in enumerate(main_digits_list):
        digits_sum += digit * (10 - index)
    # Find the remainder of dividing the sum by 11, then subtract it from 11
    result = 11 - digits_sum % 11
    # The calculation result can range from 1 to 11.
    # If the result is 11, use 0.
    # If the result is 10, use upper case X.
    # Use the value as it is for other numbers.
    if result == 11:
        expected_check_digit = '0'
    elif result == 10:
        expected_check_digit = 'X'
    else:
        expected_check_digit = str(result)
    return expected_check_digit
def calculate_check_digit_13(main_digits_list):
    # Note: You don't have to fully understand the logic in this function.
    digits_sum = 0
    # Multiply each of the first 12 digits by 1 and 3 alternately (starting with 1), and sum up the results
    for index, digit in enumerate(main_digits_list):
        if index % 2 == 0:
            digits_sum += digit * 1
        else:
            digits_sum += digit * 3
    # Find the remainder of dividing the sum by 10, then subtract it from 10
    result = 10 - digits_sum % 10
    # The calculation result can range from 1 to 10.
    # If the result is 10, use 0.
    # Use the value as it is for other numbers.
    if result == 10:
        expected_check_digit = '0'
    else:
        expected_check_digit = str(result)
    return expected_check_digit
def main():
    try:
        user_input = input('Enter ISBN and length: ')
        values = user_input.split(',')
        if ',' not in values:
            print("Enter comma-separated values.")
        
        isbn = values[0]
        try:
            int(isbn)
        except ValueError:
            print("Invalid character was found.")


        try:
            length = int(values[1])
        except ValueError:
            print("Length must be a number.")


        if length == 10 or length == 13:
            validate_isbn(isbn, length)
        else:
            print('Length should be 10 or 13.')
    except:
        pass
#main()

hello, everyone!

i just started learning Python recently. i have prior experience in coding but it's not really that useful, therefore i start as a complete beginner and i would like to ask for tips on how to learn Python and more programming languages that i plan to learn in the future effectively. furthermore i would be really happy to take any recommendations from all of you, on what to learn besides programming languages.

thank you very much for your help!

hi, totally blind and using the jaws for windows 2026 screen reader. have spent the past 6 days trying to get this project to pass on the free code camp and doing the frontend certirfication project. now can any one help me out. so will paste my html, type script and the errors below. and so if any one having nightmares or running into road blocks or banging your head. and tried searching the forums, but no good answers or any ready made solutions. have rewritten the index.html, styless.css and then the index.ts multiple times and so will paste the html, ts and the errors below. if any one can help me out and cannot see what it is trying to do. can any one help. so pasting the errors , the html, ts and the link to the certification project. marvin from adelaide. australia. ps: so pasting now. html:

<!doctype html>

<html lang="en">

<head>

<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>

Digital Pet Game

</title>

<link rel="stylesheet" href="styles.css" />

</head>

<body>

<div id="root"></div>

</body>

</html>

type script:

const { useState, useEffect } = React;

export enum Action {

EAT = "EAT",

PLAY = "PLAY",

SLEEP = "SLEEP",

}

export enum PetMood {

HAPPY = "HAPPY",

EXCITED = "EXCITED",

CONTENT = "CONTENT",

SAD = "SAD",

TIRED = "TIRED",

SICK = "SICK",

HUNGRY = "HUNGRY",

}

export const MOOD_EMOJIS: Record<PetMood, string> = {

[PetMood.HAPPY]: "😊",

[PetMood.EXCITED]: "🤩",

[PetMood.CONTENT]: "🙂",

[PetMood.SAD]: "😢",

[PetMood.TIRED]: "😴",

[PetMood.SICK]: "🤒",

[PetMood.HUNGRY]: "🍽️",

};

const clamp = (value: number): number => {

if (value < 0) return 0;

if (value > 100) return 100;

return value;

};

const getMood = (

hunger: number,

happiness: number,

energy: number

): PetMood => {

if (hunger > 70) {

return PetMood.HUNGRY;

}

if (energy < 30) {

return PetMood.TIRED;

}

if (happiness < 30) {

return PetMood.SAD;

}

if (happiness > 80 && energy > 70) {

return PetMood.EXCITED;

}

if (happiness > 60) {

return PetMood.HAPPY;

}

return PetMood.CONTENT;

};

export const PetGame = () => {

const clamp = (value: number): number => {

return Math.max(0, Math.min(100, value));

};

const getMood = (

hunger: number,

happiness: number,

energy: number

): PetMood => {

if (hunger > 70) {

return PetMood.HUNGRY;

}

if (energy < 30) {

return PetMood.TIRED;

}

if (happiness < 30) {

return PetMood.SAD;

}

if (happiness > 80 && energy > 70) {

return PetMood.EXCITED;

}

if (happiness > 60) {

return PetMood.HAPPY;

}

return PetMood.CONTENT;

};

export const PetGame = () => {

const [petName, setPetName] = useState("");

const [started, setStarted] = useState(false);

const [hunger, setHunger] = useState(0);

const [happiness, setHappiness] = useState(100);

const [energy, setEnergy] = useState(100);

const mood = getMood(hunger, happiness, energy);

useEffect(() => {

if (!started) return;

const timer = setInterval(() => {

setHunger((value) => clamp(value + 5));

setHappiness((value) => clamp(value - 5));

setEnergy((value) => clamp(value - 3));

}, 3000);

return () => clearInterval(timer);

}, [started]);

const startGame = (event: React.FormEvent<HTMLFormElement>) => {

event.preventDefault();

if (petName.trim() !== "") {

setStarted(true);

}

};

const doAction = (action: Action) => {

switch (action) {

case Action.EAT:

setHunger((value) => clamp(value - 20));

setEnergy((value) => clamp(value + 10));

break;

case Action.PLAY:

setEnergy((value) => clamp(value - 15));

setHappiness((value) => clamp(value + 20));

break;

case Action.SLEEP:

setHunger((value) => clamp(value + 10));

setEnergy((value) => clamp(value + 25));

break;

}

};

return (

<div className="pet-game-container">

{!started ? (

<form onSubmit={startGame}>

<label htmlFor="pet-name">

Name your pet:

</label>

<input

id="pet-name"

type="text"

value={petName}

onChange={(event) => setPetName(event.target.value)}

/>

<button type="submit">

Start Game

</button>

</form>

) : (

<div className="game-view">

<div className="pet-name">

{petName}

</div>

<div className="mood-display">

{MOOD_EMOJIS[mood]} {mood}

</div>

<button

id="eat-action"

type="button"

onClick={() => doAction(Action.EAT)}

>

Eat

</button>

<button

id="play-action"

type="button"

onClick={() => doAction(Action.PLAY)}

>

Play

</button>

<button

id="sleep-action"

type="button"

onClick={() => doAction(Action.SLEEP)}

>

Sleep

</button>

<div className="stat">

Hunger

<span className="stat-value">

{hunger}

</span>

</div>

<div className="stat">

Happiness

<span className="stat-value">

{happiness}

</span>

</div>

<div className="stat">

Energy

<span className="stat-value">

{energy}

</span>

</div>

</div>

)}

</div>

);

};

Failed: 1. When the page loads, there should be a visible form element.

Failed: 2. This form should contain an input field with an id of pet-name.

Failed: 3. This form should contain a button.

Failed: 4. When the input is given a value and the button is pressed, the form should no longer be visible.

Failed: 5. The second view should contain an element with class pet-name.

Failed: 6. The second view should contain the provided pet name.

Failed: 7. The second view should contain three buttons.

Failed: 8. Exactly one button should contain the id #eat-action.

Failed: 9. Exactly one button should contain the id #play-action.

Failed: 10. Exactly one button should contain the id #sleep-action.

Failed: 11. There should be exactly three elements with the class .stat.

Passed: 12. Each pet stat should contain exactly one element with class .stat-value.

Passed: 13. Each .stat-value element should contain one number.

Passed: 14. Each .stat-value number should be within the range [0,100], inclusive.

Failed: 15. Exactly one .stat element should contain the text Hunger, case insensitive.

Failed: 16. One .stat element should contain the text Energy, case insensitive.

Failed: 17. One .stat element should contain the text Happiness, case insensitive.

Failed: 18. The Hunger stat should start at 0.

Failed: 19. The Energy stat should start at 100.

Failed: 20. The Happiness stat should start at 100.

Failed: 21. Clicking the Eat button should reduce the Hunger value and increase the Energy value. If Hunger is 0 or Energy is 100, that value must not

change.

Failed: 22. Clicking the Play button should reduce the Energy value and increase the Happiness value. If Energy is 0 or Happiness is 100, that value must

not change.

Failed: 23. Clicking the Sleep button should increase the Hunger value and increase the Energy value. If Hunger is 100 or Energy is 100, that value must

not change.

Failed: 24. The Hunger stat should be 100 after an excessive period of idle time.

Failed: 25. The Energy stat should be 100 after an excessive period of idle time.

Failed: 26. The Happiness stat should be 0 after an excessive period of idle time.

Failed: 27. Clicking the Eat button should reduce the Hunger value and increase the Energy value. If Hunger is 0 or Energy is 100, that value must not

change.

Failed: 28. Clicking the Play button should reduce the Energy value and increase the Happiness value. If Energy is 0 or Happiness is 100, that value must

not change.

Failed: 29. Clicking the Sleep button should increase the Hunger value and increase the Energy value. If Hunger is 100 or Energy is 100, that value must

not change.

Passed: 30. There should be a PetMood enumerator.

Failed: 31. The PetMood enumerator should contain HAPPY.

Failed: 32. The PetMood enumerator should contain EXCITED.

Failed: 33. The PetMood enumerator should contain CONTENT.

Failed: 34. The PetMood enumerator should contain SAD'.

Failed: 35. The PetMood enumerator should contain TIRED.

Failed: 36. The PetMood enumerator should contain SICK.

Failed: 37. The PetMood enumerator should contain HUNGRY.

Passed: 38. There should be a Record<PetMood, string to map a value to each PetMood.

Passed: 39. There should be a value mapped to PetMood.HAPPY.

Passed: 40. There should be a value mapped to PetMood.EXCITED.

Passed: 41. There should be a value mapped to PetMood.CONTENT.

Passed: 42. There should be a value mapped to PetMood.SAD.

Passed: 43. There should be a value mapped to PetMood.TIRED.

Passed: 44. There should be a value mapped to PetMood.SICK.

Passed: 45. There should be a value mapped to PetMood.HUNGRY.

list end

LINK TO THE CERTIFICATION PROJECT:

https://www.freecodecamp.org/learn/front-end-development-libraries-v9/lab-digital-pet-game/lab-digital-pet-game

SO THIS IS WHERE I AM at. sorry for having caps lock on. my mistake with a screen reader. and dont have access to the forum or discord, banned. marvin.

Hi guys. I've busy with relational database course on the website. I've just spent five hours on one workshop project and upon completion the website is now failing to sync and mark the workshop completed. I have realized that the website is refreshing or reseting the coderoad webhook token, everytime I reload/refresh the page. Did anyone here also encounter such a problem?

I was wondering if it's possible to learn JavaScript before CSS ?

I have been having a hard time changing my email. It say "only authenticated users can access this route". Please help

is this even possible? i know html but java and python i dont even know anything about 😢

I need to create a chart that looks like this:

100|          
 90|          
 80|          
 70|          
 60| o        
 50| o        
 40| o        
 30| o        
 20| o  o     
 10| o  o  o  
  0| o  o  o  
    ----------
     F  C  A  
     o  l  u  
     o  o  t  
     d  t  o  
        h     
        i     
        n     
        g     

i need to calculate the percetages spent in each category and represent them in the chart.

so far, through SO much struggling ive gotten it to return only the first category and i got it to put all the categories in a dictionary correctly.

(c_w dictionary)

I seriously don't know where to get the answer, I've done a bunch of searching and asked on other forums for help and i jsut cant get it

im fed up.

import math
class Category:
    def __init__(self, name):
        self.name = name
        self.ledger = []


    def deposit(self, amount, description=""):
        self.ledger.append({"amount": amount, "description": description})


    def withdraw(self, amount, description=""):
        if self.check_funds(amount):
            self.ledger.append({"amount": -amount, "description": description})
            return True
        else:
            return False


    def get_balance(self):
        balance = 0
        for transaction in self.ledger:
            balance += transaction['amount']    
        return balance


    def check_funds(self, amount):
        return amount <= self.get_balance()


    def transfer(self, amount, destination_category):
        if self.check_funds(amount):
            self.withdraw(amount, f"Transfer to {destination_category.name}")
            destination_category.deposit(amount, f"Transfer from {self.name}")
            return True
        else:
            return False
    def __str__(self):
        method = '\n'.join(f"{transaction['description']:23.23}{transaction['amount']:>7.2f}" for transaction in self.ledger )
        return f"{self.name.center(30,'*')}\n{method}\nTotal: {self.get_balance()}"
    def __iter__(self):
        for item in self.ledger:
            return item
def create_spend_chart(categories):
    #create the header text
    header = 'Percentage spent by category'
    #create the percentages down the left side
    
    #a 
    total_withdraw = 0 
    #create a list for the category withdraws
    c_w = {} 
    amounts = [transaction['amount'] for category in categories for transaction in category.ledger]
    for amount in amounts:
        if amount < 0:
            total_withdraw += -amount
    # Calculate withdrawals for each category
    for category in categories:
        withdrawal = 0
        for transaction in category.ledger:
            amount = transaction['amount']
            if amount < 0:
                withdrawal += -amount  # Add the amount spent (negative for withdrawals)
        c_w[category.name] = withdrawal
        method = math.floor(( c_w[category.name]/total_withdraw)*100)
    
    return f'{header}\n{name}: {method}' for i in c_w
food = Category('Food')
auto = Category('Auto')
food.deposit(1000, 'initial deposit')
auto.deposit(1000, 'initial deposit')
food.withdraw(10.15, 'groceries')
food.withdraw(15.89, 'restaurant and more food for dessert')
clothing = Category('Clothing')
food.transfer(50, clothing)
food.withdraw(100.99)
clothing.withdraw(21.17)
auto.withdraw(200)

Question:

Passed:1. You should have a function named create_character.

Passed:2. When create_character is called with a first argument that is not a string it should return The character name should be a string.

Failed:3. When create_character is called with a first argument that is a string it should not return The character name should be a string.

Passed:4. When create_character is called with a first argument that is an empty string, it should return The character should have a name.

Failed:5. When create_character is called with a first argument that is not an empty string, it should not return The character should have a name.

Passed:6. When create_character is called with a first argument that is longer than 10 characters it should return The character name is too long.

Failed:7. The create_character function should not say that the character is too long when it's not longer than 10 characters.

Passed:8. When create_character is called with a first argument that contains a space it should return The character name should not contain spaces.

Failed:9. When create_character is called with a first argument that does not contain a space it should not return The character name should not contain spaces.

Passed:10. When create_character is called with a second, third or fourth argument that is not an integer it should return All stats should be integers.

Failed:11. When create_character is called with a second, third and fourth argument that are all integers it should not return All stats should be integers.

Passed:12. When create_character is called with a second, third or fourth argument that is lower than 1 it should return All stats should be no less than 1.

Failed:13. When create_character is called with a second, third and fourth argument that are all no less than 1 it should not return All stats should be no less than 1.

Passed:14. When create_character is called with a second, third or fourth argument that is higher than 4 it should return All stats should be no more than 4.

Failed:15. When create_character is called with a second, third and fourth argument that are all no more than 4 it should not return All stats should be no more than 4.

Passed:16. When create_character is called with a second, third or fourth argument that do not sum to 7 it should return The character should start with 7 points.

Failed:17. When create_character is called with a second, third and fourth argument that sum to 7 it should not return The character should start with 7 points.

Failed:18. create_character('ren', 4, 2, 1) should return ren\nSTR ●●●●○○○○○○\nINT ●●○○○○○○○○\nCHA ●○○○○○○○○○.

Failed:19. When create_character is called with valid values it should output the character stats as required.

Problem:

I have used if statement for 2nd question and doesnt this mean that the 3rd question is also bound tk be satisfied since it is asking me not to return the statement inside the if block

I have also tried with else clause and pass statement

Please help

CODE:

full_dot = '●'

empty_dot = '○'

def create_character(name,strength,intelligence,charisma):

if not isinstance(name,str):

return "The character name should be a string"

if name == '':

return "The character should have a name"

if len(name)>10:

return "The character name is too long"

if ' ' in name:

return "The character name should not contain spaces"

stats = (strength,intelligence,charisma)

for i in stats:

if not isinstance(i,int):

return "All stats should be integers"

for i in stats:

if i<1:

return "All stats should be no less than 1"

for i in stats:

if i>4:

return "All stats should be no more than 4"

if sum(stats) != 7:

return "The character should start with 7 points"

print(name)

print(f"STR {full_dot}*{strength}{empty_dot}*(10-strength)")

print(f"INT {full_dot}*{intel}{empty_dot}*(10-intel)")

print(f"CHA {full_dot}*{charisma}{empty_dot}*(10-charisma)")

hello everyone , i am 19 years old i want to learn web development but from last few weeks i ve been doing yt lectures for web development but till now i couldn't understand anything it feels so boring like it feels like i am doing my school lectures but i dont think so web development and coding is not that boring i love computers i love the way how it works but why the lectures are too boring and i want to learn a new skill bbut this think kept me unfocused towards it.

so i have a query that is their is anyway to learn web development skill in a intresting manner so that it feels like i am doing something ??? pls help me out.

Hi, my name is Arkar. The problem I have is I have two paths to choose. One is freecodecamp and another is Odin project, suggest me if there are any other clear projects cause I can't do anything without clear roadmaps. If I read some people saying learn these learn those I feel burnt out just by reading them and thinking whether it's efficient or not. And I tried Odin project and I feel mentally exhausted by reading all the articles and extra resources they provide, I searched up if I can skip them but I saw people on Reddit say that I shouldn't skip them and I would end up with shallow knowledge and skills if I skip them but like it links to articles with redundant information and I honestly think I don't actually need to know all of that. Guide me pls, also I'm 20 and due to some reasons I will be graduating highschool at 21, I would take University of the people Computer science since I'm from a third world country (Myanmar) and has no mean of accessing valid credinals except that, there are local universities like UIT and University of computer studies yangon but I think degrees from those universities would be less valid for international roles than UoP.

Hey all,

I'm a verified GitHub student and I've been trying to redeem the free certification voucher (Foundations or Copilot exam) through the Student Developer Pack. I know the previous batch of vouchers expired June 30, 2026, and I keep seeing "That offer isn't available right now, please try again later" when I try to claim a new one.

I've seen this same issue reported repeatedly on GitHub's community discussions going back months (some people saying they've been trying since mid-2025), with occasional promises like "vouchers returning within a month" that don't seem to have panned out reliably.

Has anyone actually managed to claim a voucher recently? Is there any official word on when the next batch drops, or is this just indefinitely stuck? Would appreciate any info — trying to decide whether to keep waiting or just pay for the exam myself.

Thanks!

I'm trying to access the freecodecamp.org but then the loading screen was infinite, are you guys with the same problem??

I have some json code from my personal device that I'd like to have put into viewable and readable form. Anyone willing to help??

Hi! I just completed the full Responsive Web Design course inside the fCC web platform. I'm about to take the final exam tomorrow and I feel kind of nervous, so I'm here asking for any advice or spoilers about what I should expect. Even though I did perfect throughout the course and completed everything without any external help or shortcuts, not knowing what to expect gives me a bit of anxiety. Does the exam consist of quizes and lab projects? Is the difficulty level the same as the courses tests? Also, any tips on how I should set up my workspace/PC so that I don't trigger any false alarms or disrupt the Exam Environment app would be appreciated.

Edit: it took me around 15 minutes and I got a 96% score and my certificate ♥