Something went wrong. Try again.
First challenge from Josh Comeau's course The Joy of React.
react game
Something went wrong. Try again.
806 B · 31 lines
JavaScript
at main
1234567891011121314151617181920212223242526272829303132import { useState } from "react";function GuessInput({ handleSubmittedGuess, gameStatus }) { const [inProgressGuess, setInProgressGuess] = useState("");
function handleSubmission(event) { event.preventDefault(); console.log({ inProgressGuess });
handleSubmittedGuess(inProgressGuess);
setInProgressGuess(""); } return ( <form onSubmit={handleSubmission}> <label htmlFor="guess">Enter guess:</label> <input type="text" id="guess-input" value={inProgressGuess} onChange={(event) => setInProgressGuess(event.target.value.toUpperCase()) } pattern="[A-Za-z]{5}" title="Use a 5 letter word please" disabled={gameStatus !== "in-progress"} /> </form> );}
export default GuessInput;