2022-01-08 18:35:47 -05:00
|
|
|
import { useState } from "react";
|
|
|
|
import { createModuleResolutionCache } from "typescript";
|
|
|
|
import { Keyboard } from "./components/keyboard/Keyboard";
|
2022-01-08 13:21:04 -05:00
|
|
|
|
|
|
|
function App() {
|
2022-01-08 18:35:47 -05:00
|
|
|
const [guesses, setGuesses] = useState<string[]>([]);
|
|
|
|
const [currentGuess, setCurrentGuess] = useState("");
|
|
|
|
|
|
|
|
const onChar = (value: string) => {
|
|
|
|
if (currentGuess.length < 5) {
|
|
|
|
setCurrentGuess(`${currentGuess}${value}`);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
const onDelete = () => {
|
|
|
|
setCurrentGuess(currentGuess.slice(0, -1));
|
|
|
|
};
|
|
|
|
|
|
|
|
const onEnter = () => {
|
|
|
|
// TODO: check if the current guess is in the words list
|
|
|
|
if (currentGuess.length === 5 && guesses.length < 6) {
|
|
|
|
setGuesses([...guesses, currentGuess]);
|
|
|
|
setCurrentGuess("");
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
console.log(currentGuess);
|
|
|
|
console.log(guesses);
|
|
|
|
|
2022-01-08 13:21:04 -05:00
|
|
|
return (
|
2022-01-08 18:35:47 -05:00
|
|
|
<div>
|
|
|
|
<Keyboard onChar={onChar} onDelete={onDelete} onEnter={onEnter} />
|
2022-01-08 13:21:04 -05:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
export default App;
|