-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.android.js
executable file
·125 lines (115 loc) · 3.15 KB
/
index.android.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
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
Button,
Image
} from 'react-native';
import Topo from './src/components/topo';
import Icone from './src/components/icone';
class app3 extends Component {
constructor(props) {
super(props);
this.state = {
escolhaUsuario: '',
escolhaComputador: '',
resultado: ''
};
}
jokenpo(escolhaUsuario) {
// Geração de numero aleatório
const randomNum = Math.floor(Math.random() * 3);
let escolhaComputador = '';
switch (randomNum) {
case 0: escolhaComputador = 'Pedra'; break;
case 1: escolhaComputador = 'Papel'; break;
case 2: escolhaComputador = 'Tesoura'; break;
}
// Lógíca de resultado
let resultado = '';
if (escolhaComputador == 'Pedra' && escolhaUsuario == 'Pedra') {
resultado = 'EMPATE';
}
if (escolhaComputador == 'Pedra' && escolhaUsuario == 'Papel') {
resultado = 'VOCÊ GANHOU';
}
if (escolhaComputador == 'Pedra' && escolhaUsuario == 'Tesoura') {
resultado = 'VOCÊ PERDEU';
}
if (escolhaComputador == 'Papel' && escolhaUsuario == 'Pedra') {
resultado = 'VOCÊ PERDEU';
}
if (escolhaComputador == 'Papel' && escolhaUsuario == 'Papel') {
resultado = 'EMPATE';
}
if (escolhaComputador == 'Papel' && escolhaUsuario == 'Tesoura') {
resultado = 'VOCÊ GANHOU';
}
if (escolhaComputador == 'Tesoura' && escolhaUsuario == 'Pedra') {
resultado = 'VOCÊ GANHOU';
}
if (escolhaComputador == 'Tesoura' && escolhaUsuario == 'Papel') {
resultado = 'VOCÊ PERDEU';
}
if (escolhaComputador == 'Tesoura' && escolhaUsuario == 'Tesoura') {
resultado = 'EMPATE';
}
this.setState({
escolhaUsuario,
escolhaComputador,
resultado
});
}
render() {
const {
containerEscolhas,
btnEscolhas,
palco,
textoResultado
} = styles;
return (
<View>
<Topo />
<View style={containerEscolhas}>
<View style={btnEscolhas}>
<Button title='Pedra' onPress={() => { this.jokenpo('Pedra'); }} />
</View>
<View style={btnEscolhas}>
<Button title='Papel' onPress={() => { this.jokenpo('Papel'); }} />
</View>
<View style={btnEscolhas}>
<Button title='Tesoura' onPress={() => { this.jokenpo('Tesoura'); }} />
</View>
</View>
<View style={palco}>
<Text style={textoResultado}>{this.state.resultado}</Text>
<Icone escolha={this.state.escolhaUsuario} jogador='Usuário' />
<Icone escolha={this.state.escolhaComputador} jogador='Computador' />
</View>
</View>
);
}
}
const styles = StyleSheet.create({
btnEscolhas: {
width: 100
},
containerEscolhas: {
flexDirection: 'row',
justifyContent: 'space-between',
marginTop: 10
},
palco: {
alignItems: 'center'
},
textoResultado: {
height: 50,
marginTop: 25,
color: 'red',
fontSize: 20,
fontWeight: 'bold'
}
});
AppRegistry.registerComponent('app3', () => app3);