Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import { useState } from "react";
- import { StyleSheet, Text, TextInput, View } from "react-native";
- export default function Index() {
- const [inputValue, setInputValue] = useState("");
- const [result, setResult] = useState("");
- function testEvenOdd(text){
- const number = parseInt(text);
- if (isNaN(number)) {
- setResult("Please enter a valid number");
- return "Please enter a valid number";
- }
- if (number % 2 === 0) {
- setResult("Even");
- return "Even";
- } else {
- setResult("Odd");
- return "Odd";
- }
- }
- return (
- <View style={styles.body} >
- <Text style={styles.title}>Green Hackers</Text>
- <Text>Computer Science</Text>
- <TextInput
- style={styles.textInput}
- placeholder="Enter an Integer"
- placeholderTextColor="#888"
- autoCapitalize="none"
- autoCorrect={false}
- onChangeText={testEvenOdd}>
- </TextInput>
- <Text style={styles.result}>The result is {result}</Text>
- </View>
- );
- }
- const styles = StyleSheet.create({
- body: {
- flex: 1,
- justifyContent: "center",
- alignItems: "center",
- },
- title:{
- fontSize: 20,
- fontWeight: "bold",
- color: "#4CAF50",
- },
- textInput: {
- height: 40,
- borderColor: "gray",
- borderWidth: 1,
- marginTop: 20,
- marginBottom: 20,
- paddingHorizontal: 10,
- },
- result:{
- fontSize: 16,
- color: "#0E3B25",
- marginTop: 20,
- }
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
