-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
126 lines (114 loc) · 3.52 KB
/
App.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
import React, { useRef, useState } from "react";
import { Alert, StyleSheet, View } from "react-native";
import { Provider as PaperProvider } from "react-native-paper";
import Header from "./components/Header";
import ComputerGuessScreen from "./components/screens/ComputerGuessScreen";
import GameoverScreen from "./components/screens/GameoverScreen";
import NumberScreen from "./components/screens/NumberScreen";
const generateRandomNumber = (min, max) => {
return Math.floor(Math.random() * (max - min)) + min;
};
export default function App() {
const [inputNumber, setInputNumber] = useState();
const [guessedNumber, setGuessedNumber] = useState(
generateRandomNumber(1, 100)
);
const [screenType, setScreenType] = useState("startScreen");
const [attempts, setAttempts] = useState(1);
const [guesses, setGuesses] = useState([]);
const currentLow = useRef(1);
const currentHigh = useRef(100);
//Handler for Confirmation
const handleConfirm = () => {
if (+inputNumber < 0 || isNaN(+inputNumber)) {
Alert.alert("Invalid Number", "Entered Value is not a Number", [
{ text: "OK", style: "destructive", onPress: () => setInputNumber() },
]);
return;
}
setScreenType("guessScreen");
};
//Handle Game Over
const handleGameOver = () => {
setScreenType("gameOverScreen");
};
//Handler for New Game
const handleStartNewGame = () => {
setScreenType("startScreen");
currentLow.current = 1;
currentHigh.current = 100;
setAttempts(1);
setInputNumber();
};
//Handler for store computer guesses
const handleStoreGuess = () => {
setGuesses((oldGuess) => [...oldGuess, guessedNumber]);
};
//Handler for generating Lower Random Number
const handleGenerateLower = (direction) => {
if (validateDirection(direction)) {
setAttempts(attempts + 1);
currentHigh.current = guessedNumber;
setGuessedNumber(generateRandomNumber(currentLow.current, guessedNumber));
} else {
Alert.alert("Wrong Direction! ", "You cannot Cheat", [{ text: "Ah!" }]);
}
};
//Handler for generating Higher Random Number
const handleGenerateHigher = (direction) => {
if (validateDirection(direction)) {
setAttempts(attempts + 1);
currentLow.current = guessedNumber;
setGuessedNumber(
generateRandomNumber(guessedNumber + 1, currentHigh.current)
);
} else {
Alert.alert("Wrong Direction! ", "You cannot Cheat", [{ text: "Ah!" }]);
}
};
//validate right direction
const validateDirection = (direction) => {
return (
(direction === "lower" && guessedNumber > inputNumber) ||
(direction === "higher" && guessedNumber < inputNumber)
);
};
return (
<PaperProvider>
<View style={styles.container}>
<Header />
{screenType === "startScreen" ? (
<NumberScreen
inputNumber={inputNumber}
onSetInputNumber={(enteredNumber) =>
setInputNumber(enteredNumber.replace(/[^0-9]/g, ""))
}
onReset={() => setInputNumber()}
onConfirm={() => handleConfirm()}
/>
) : screenType === "guessScreen" ? (
<ComputerGuessScreen
enteredNumber={inputNumber}
guessedNumber={guessedNumber}
onComputerGuess={handleStoreGuess}
onGenerateLower={handleGenerateLower}
onGenerateHigher={handleGenerateHigher}
onGameOver={handleGameOver}
/>
) : screenType === "gameOverScreen" ? (
<GameoverScreen
numberOfAttempts={attempts}
onStartNewGame={handleStartNewGame}
guesses={guesses}
/>
) : null}
</View>
</PaperProvider>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: "center",
},
});