honigle/src/App.tsx

38 lines
916 B
TypeScript
Raw Normal View History

2022-01-08 18:35:47 -05:00
import { useState } from "react";
import { createModuleResolutionCache } from "typescript";
import { Keyboard } from "./components/keyboard/Keyboard";
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);
return (
2022-01-08 18:35:47 -05:00
<div>
<Keyboard onChar={onChar} onDelete={onDelete} onEnter={onEnter} />
</div>
);
}
export default App;