Something went wrong. Try again.
First challenge from Josh Comeau's course The Joy of React.
react game
Something went wrong. Try again.
660 B · 25 lines
JavaScript
at main
1234567891011121314151617181920212223242526import { range } from "../../utils";import { checkGuess } from "../../game-helpers";
function Cell({ letter, status }) { const definedClassName = status.length > 0 ? `cell ${status}` : "cell"; return <span className={definedClassName}>{letter}</span>;}
function CurrentGuess({ value, answer }) { const result = checkGuess(value, answer); console.log({ answer }, { result }); return ( <p className="guess"> {range(5).map((num) => ( <Cell key={num} letter={result ? result[num].letter : ""} status={result ? result[num].status : ""} /> ))} </p> );}
export default CurrentGuess;