-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.js
52 lines (50 loc) · 1015 Bytes
/
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
const cards = [
{
front: 'The "First Computer Programmer"',
back: 'Ada Lovelace',
flipped: false,
},
{
front: 'Invented the "Clarke Calculator"',
back: 'Edith Clarke',
flipped: false,
},
{
front: 'Famous World War II Enigma code breaker',
back: 'Alan Turing',
flipped: false,
},
{
front: 'Created satellite orbit analyzation software for NASA',
back: 'Dr. Evelyn Boyd Granville',
flipped: false,
},
];
new Vue({
el: '#flashcard-app',
data: {
cards: cards,
newFront: '',
newBack: '',
error: false
},
methods: {
toggleCard: function(card){
card.flipped = !card.flipped;
},
addNew: function(){
if(!this.newFront || !this.newBack){
this.error = true;
} else {
this.cards.push({
front: this.newFront,
back: this.newBack,
flipped: false
});
this.newFront = '';
this.newBack = '';
this.error = false;
}
}
}
});