1
00:00:00,970 --> 00:00:06,730
All right, so now the time to put our data gracefully into our application, so for that purpose,

2
00:00:06,730 --> 00:00:10,180
the first thing that will do is of this correct answers.

3
00:00:10,180 --> 00:00:14,230
If we just take a look at our finished application, you might see that in the guidance, as we have

4
00:00:14,230 --> 00:00:20,080
done, says we have answered correctly upon the total number of questions that we have admitted, right?

5
00:00:20,590 --> 00:00:23,170
So let's head back into our application and inside this.

6
00:00:23,170 --> 00:00:28,330
But having to do is that I remove this hardcoded value three and we're going to put up.

7
00:00:30,250 --> 00:00:30,640
Correct.

8
00:00:30,700 --> 00:00:32,380
So this defines the correct answers.

9
00:00:35,930 --> 00:00:44,210
Times the index, so this is going to have container index, so let's just put up an index in here.

10
00:00:45,460 --> 00:00:46,180
Now hit save.

11
00:00:47,360 --> 00:00:51,860
Now, apart from this, the next refactoring is to be done in H2 Element.

12
00:00:52,250 --> 00:00:56,420
So this H2 tag is going to be dangerously said in a statement.

13
00:00:56,990 --> 00:01:02,060
So basically, this is the question of our application, so we'll get rid of this because it is going

14
00:01:02,060 --> 00:01:03,140
to be a self-loathing tag.

15
00:01:06,660 --> 00:01:10,560
No, inside this, they're going to put up dangerously.

16
00:01:13,620 --> 00:01:19,710
Set in a steamer and that there's going to be equal to two sets of elevators inside it.

17
00:01:21,620 --> 00:01:23,920
Now underscore underscore, Admiral.

18
00:01:25,830 --> 00:01:27,840
And this is going to contain a question.

19
00:01:30,200 --> 00:01:37,200
All right, so we have set it up a question as of now inside this debate, which we left empty back

20
00:01:37,220 --> 00:01:37,760
at the time.

21
00:01:38,030 --> 00:01:42,650
We are going to map our data and the data that we're making mapping is done, says data.

22
00:01:42,650 --> 00:01:43,820
So answers.

23
00:01:46,400 --> 00:01:51,680
That map now this map is going to take up a single answer every time.

24
00:01:55,890 --> 00:01:59,010
And every time it takes up an answer as well as an index.

25
00:02:00,570 --> 00:02:02,490
And this is going to Muppet.

26
00:02:05,240 --> 00:02:07,070
Now, every time we want to return.

27
00:02:10,140 --> 00:02:15,060
And said this done, we're going to put a button element, so let's just put up a button.

28
00:02:16,630 --> 00:02:22,060
Now we are supposed to play this on to the inside elevator, so let's play the plays live inside curly

29
00:02:22,060 --> 00:02:22,510
braces.

30
00:02:22,990 --> 00:02:23,470
All right.

31
00:02:23,470 --> 00:02:23,980
No, it's fine.

32
00:02:24,700 --> 00:02:28,780
Now inside this written statement, we're going to have a button element, so let's put up a button

33
00:02:28,780 --> 00:02:29,320
element.

34
00:02:31,920 --> 00:02:36,930
Now, this button element is going to hold up a key as well as a class name, and the key is going to

35
00:02:36,930 --> 00:02:44,000
be indexed, so let's just give it the index and give it a class name that is going to be equal to answer.

36
00:02:44,700 --> 00:02:45,120
But.

37
00:02:50,890 --> 00:02:54,970
All right, so we have a button or the gear class named after the class name, we'll be giving it an

38
00:02:54,970 --> 00:02:56,770
unclaimed property so unclaimed.

39
00:03:02,170 --> 00:03:09,160
No, this is going to be another function again, and we are going to call out every time to check answers,

40
00:03:09,160 --> 00:03:10,780
so check.

41
00:03:13,260 --> 00:03:15,270
And so now this is going to compare.

42
00:03:15,960 --> 00:03:16,740
Correct answer.

43
00:03:21,270 --> 00:03:23,700
The data was done so that we are given.

44
00:03:30,690 --> 00:03:37,130
All right, so here we are checking a button element now, right after on click will be dangerously

45
00:03:37,130 --> 00:03:39,860
setting down HDMI that is going to be equal to the answer that we're given.

46
00:03:39,890 --> 00:03:49,130
So again, dangerously set in HDMI, that is going to have a double that of curly braces, then the

47
00:03:49,430 --> 00:03:51,690
underscore underscore etched HTML.

48
00:03:52,920 --> 00:03:54,930
And that is going to be cold with the answer.

49
00:03:55,200 --> 00:03:57,810
All right, so now let's put our ability to work.

50
00:03:58,980 --> 00:04:00,570
And seems like it isn't working.

51
00:04:01,410 --> 00:04:04,550
So I'll manually just return it.

52
00:04:05,190 --> 00:04:05,940
So our key?

53
00:04:07,850 --> 00:04:09,890
And next on our list is a class name.

54
00:04:13,620 --> 00:04:15,120
And on property.

55
00:04:15,570 --> 00:04:16,170
All right.

56
00:04:16,440 --> 00:04:20,400
So now is the time to close up and right, so let's close the button with a self-closing tag.

57
00:04:24,440 --> 00:04:27,530
So Halliburton has been closed now, so it should be on to.

58
00:04:32,430 --> 00:04:33,870
All right, so we are our final.

59
00:04:37,420 --> 00:04:38,350
Now hit save.

60
00:04:38,620 --> 00:04:45,610
So we have poured almost all the data that we needed in this no function or this Abdul GSX is complete

61
00:04:45,610 --> 00:04:49,930
now let's run this application, but before we do that, I'd like to set up our models.

62
00:04:50,650 --> 00:04:56,830
And I see that we have still one property that is left, and that is the next question.

63
00:04:56,830 --> 00:04:58,480
Properties are, let's assign it.

64
00:04:59,430 --> 00:05:05,190
And this is going to be assigned to a button that is at the end.

65
00:05:06,190 --> 00:05:08,410
So give it up and click property.

66
00:05:11,300 --> 00:05:18,830
Which is going to be equal to an next question that we're getting from a context judge, it's now time

67
00:05:18,830 --> 00:05:19,730
to open up our model.

68
00:05:20,060 --> 00:05:21,500
So let's open up our model now.