1
00:00:00,650 --> 00:00:02,670
우리는이 비디오로 돌아올 것입니다.

2
00:00:02,670 --> 00:00:05,040
우리는 몇 가지 새로운 기능을 연구 할 것입니다.

3
00:00:05,040 --> 00:00:08,190
첫 번째 것은 내가 게임에서이기는 때입니다.

4
00:00:08,460 --> 00:00:09,410
그것은 나에게 정확하다고 말한다.

5
00:00:09,630 --> 00:00:15,440
그리고 나서 새로운 색상을 얻기 위해 다시 게임을 클릭 할 수 있습니다.

6
00:00:15,530 --> 00:00:19,460
그러나 나는 또한 새로운 색상을 원한다. 왜냐하면 어떤 이유로 나는 내가 가지고있는 색상이 맘에 들지 않기 때문이다.

7
00:00:19,680 --> 00:00:21,750
새 색상 버튼을 클릭 할 수도 있습니다.

8
00:00:21,930 --> 00:00:32,770
그래서 기본적으로 우리는 게임을 재설정 할 버튼이 필요합니다. 새로운 색상은 새로운 임의의 색상을 선택합니다. 6 개의 임의 색상이 나타나고, 우리는 쉽고 힘든 모드로 돌아갑니다.

9
00:00:32,940 --> 00:00:35,870
그래서이 버튼은 똑같은 일을합니다.

10
00:00:36,040 --> 00:00:44,150
우리가 게임에서 이긴다면 텍스트가 바뀌고 우리는 다시 게임을하고 싶어하는지 물었습니다. 다시 게임을 클릭하면 리셋됩니다.

11
00:00:44,220 --> 00:00:48,540
그러나 새로운 색상을 클릭하면 재설정 할 수 있습니다.

12
00:00:48,570 --> 00:00:49,840
이것이 바로 우리가 집중해야 할 목표입니다.

13
00:00:50,010 --> 00:01:00,290
시작하려면 버튼을 추가하고 건너 뛴 스트라이프를 추가하여 줄무늬가 새로운 색상이나 재생을 위해이 버튼을 포함하게하십시오.

14
00:01:00,870 --> 00:01:02,890
그리고 그것은 우리가 이미 가지고있는 메시지를 담고 있습니다.

15
00:01:03,060 --> 00:01:04,970
그리고 나서 우리가 나중에 할 두 버튼.

16
00:01:05,250 --> 00:01:14,240
우리가해야 할 첫 번째 일을한다면 이미 div가 있습니다. 저는 이드에게 줄무늬를 주려고합니다. 그런 다음 우리는 그것을 사용할 수 있습니다.

17
00:01:14,550 --> 00:01:19,560
그리고 나서 우리는 이미 우리의 스팬을 가지고 있습니다. 그것은 올바른 것을 보여 주거나 다시 시도 할 것입니다.

18
00:01:19,590 --> 00:01:29,820
여기에 버튼을 추가하기 만하면됩니다.이 버튼은 새로 고침 할 수있는 새로운 색상을 말함으로써 시작됩니다.

19
00:01:30,160 --> 00:01:33,140
OK는 당신이 기대하는 것만 큼 나쁜 것처럼 보입니다.

20
00:01:33,330 --> 00:01:40,210
흰색 배경색을 추가하고이 div의 모든 것을 가운데에 놓으므로 div는 스트라이프라고합니다.

21
00:01:40,590 --> 00:01:45,220
C Ss로 가보고 ID 인 Strype를 선택하겠습니다.

22
00:01:45,360 --> 00:01:48,970
그래서 우리는 뒤늦은 생각으로 스트라이프를 사용해야합니다.

23
00:01:49,260 --> 00:01:54,580
그리고 배경색 배경을 흰색으로 설정하려고합니다.

24
00:01:54,660 --> 00:02:09,030
높이를 30 픽셀로 설정하여 멋진 높이 div를 비교적 큰 div로 만들고 텍스트 정렬을 센터로 설정하려고합니다.

25
00:02:09,300 --> 00:02:13,330
그리고 지금 내가 새롭게하면 하얀 div가 줄곧 들어갑니다.

26
00:02:13,350 --> 00:02:15,220
그것은 조금 더 키가 크다.

27
00:02:15,240 --> 00:02:17,230
여기에 버튼이 있습니다.

28
00:02:17,400 --> 00:02:23,640
그리고 만약 내가이기거나 잃거나 잘못된 대답을 얻으면 당신은 그것을 볼 수없는 스팬이 있습니다.

29
00:02:23,640 --> 00:02:27,290
그 스팬의 텍스트가 흰색이기 때문입니다.

30
00:02:28,380 --> 00:02:38,690
그래서 당신이 생각하는 것은 우리의 줄무늬 div에 들어가서 텍스트 색상이 검은 색이어야하지만 불행히도 효과가 없다고 말하는 것입니다.

31
00:02:38,880 --> 00:02:59,710
그리고 이것은 우리가이 줄을 가지고 스트라이프의 아이디어를 가진 것의 모든 것이 검정색의 검정색이어야한다고 말하고 있기 때문에 특이성의 문제입니다. 여러분은 다시 생각해 볼 수 있다면 초특급이라고 생각할 것입니다. 초기 CSS 특이성 강의 및 ID는 매우 구체적입니다.

32
00:02:59,790 --> 00:03:05,440
이것은 ID 스트라이프가있는 div에서 검은 색으로 설정되어 있지만 문제입니다.

33
00:03:05,970 --> 00:03:20,630
그리고 여기서는 모든 범위를 설정하여 색상이 흰색이되도록 설정할 수 있습니다. 흰색으로 설정하면 더 구체적이게됩니다. 실제로는 부모가 아닌 요소 자체를 대상으로하고 색상을 상속 받기 때문입니다.

34
00:03:21,090 --> 00:03:22,570
그래서 우리에게는 몇 가지 옵션이 있습니다.

35
00:03:22,590 --> 00:03:25,960
내가 할 일은 실제로 지금 당장 이걸 없애는 것뿐입니다.

36
00:03:26,040 --> 00:03:42,960
우리는 색상을 더 이상 흰색으로 설정하지 않을 것이고 새로 고침 할 수 있습니다. 색상이 변하지 않는다는 것을 알게 될 것입니다. 모든 범위가 흰색이라고 말한 선을 제거했지만 여전히 흰색 스팬입니다. 그것은 H1 내부에 있고 H1 텍스트 색상을 상속 받았기 때문에 흰색입니다.

37
00:03:42,990 --> 00:03:45,590
이 스팬은 검은 색과 같습니다.

38
00:03:45,600 --> 00:03:55,160
그것은 검정색의 텍스트 색상을 상속 받았거나 주위의 줄무늬 div에서 그냥 검정색을 검정색으로 볼 수 있습니다.

39
00:03:55,410 --> 00:03:56,770
그리고 그것은 우리의 파업입니다.

40
00:03:57,060 --> 00:03:57,660
승인.

41
00:03:57,810 --> 00:04:06,800
이제 게임을 다시 시작하기 위해이 버튼을 가져 와서 이벤트 리스너를 추가해야합니다.

42
00:04:06,870 --> 00:04:09,750
그렇게하기 전에 해당 버튼을 선택해야합니다.

43
00:04:09,960 --> 00:04:21,000
여기에 버튼과 ID를 제공 할 것입니다. 여기서는 ID가 리셋과 같다고하고 자바 대신 리셋 버튼을 선택할 것입니다.

44
00:04:21,000 --> 00:04:31,980
그래서 var reset 버튼은 우리의 옥타브 또는 리셋을 가진 쿼리 셀렉터와 같은 문서입니다.

45
00:04:31,980 --> 00:04:37,120
그리고 언제나처럼 간단한 테스트 이벤트 리스너를 추가하고 싶습니다.

46
00:04:37,140 --> 00:04:40,680
그래서 리셋 버튼은 이벤트 리스너를 추가합니다.

47
00:04:40,860 --> 00:04:52,820
클릭하면 우리가 할 일을 모두 클릭하면 새로 고침하는 것과 같은 간단한 경고 빠른 재설정 버튼을 수행 할 것입니다.

48
00:04:52,970 --> 00:04:57,590
그리고 내가 이것을 클릭하면 나는 나의 경고를 듣고, 그것은 우리가 가기에 좋다는 것을 의미한다.

49
00:04:57,590 --> 00:05:01,030
다음으로 우리는 리셋 로직을 실제로 사용할 수 있습니다.

50
00:05:01,250 --> 00:05:03,890
그래서 우리가해야 할 일은 의사 코드를 작성하는 것입니다.

51
00:05:03,890 --> 00:05:10,030
해당 버튼을 클릭하면 모든 새로운 색상을 생성해야합니다.

52
00:05:10,040 --> 00:05:22,030
배열에서 새로운 임의의 색상을 선택해야하며 페이지의 사각형 색상을 변경해야합니다.

53
00:05:22,280 --> 00:05:28,910
따라서 모든 새로운 색상을 생성하기 위해 우리는 이미 그 함수가 임의의 색상을 생성하도록합니다.

54
00:05:29,030 --> 00:05:33,940
그래서 우리는 색깔이 이제 6의 임의의 색상을 생성하는 것과 동일하다고 말할 것입니다.

55
00:05:34,580 --> 00:05:42,860
그리고 나서 우리는 새로운 무작위 색을 고를 것입니다. 그래서 우리가 정의한 메서드 나 함수를 선택하기 위해 색상이 동일 해 지도록 선택하십시오.

56
00:05:42,860 --> 00:05:49,540
새로운 선택 색상과 일치하도록이 표시 색상을 변경하는 것이 실제로 필요합니다.

57
00:05:49,850 --> 00:06:01,090
그래서 우리는 단지 색이 일치하도록 색 표시를 변경하여 하나가 간단하도록 말합니다.

58
00:06:01,160 --> 00:06:23,110
우리가해야 할 일은 컬러 디스플레이 도트 텍스트 콘텐츠가 선택된 색상과 같다고 말하면서 페이지를 새로 고치면 새로운 색상을 클릭하여 6 가지 새로운 색상을 생성하는 것입니다.

59
00:06:23,120 --> 00:06:25,400
우리는 그 코드가 없기 때문에 아직 그들을 보지 않을 것입니다.

60
00:06:25,580 --> 00:06:31,410
그런 다음 그 중 하나를 선택 색상으로 선택한 다음 여기에서 볼 수있는 것을 picta 색상과 일치하도록 변경합니다.

61
00:06:31,730 --> 00:06:36,220
그래서 무대 뒤에서 6 개의 무작위 색과 무작위적인 새로운 색상을 얻을 수 있습니다.

62
00:06:36,230 --> 00:06:42,230
따라서 마지막 부분은 페이지의 여섯 가지 새로운 색상을 반영하는 것입니다.

63
00:06:42,260 --> 00:06:50,440
여기 아래로 우리는 모든 사각형을 반복하고 색상을 배경으로하는 제곱 스타일을 변경하고 있습니다.

64
00:06:50,450 --> 00:06:56,060
나는 여기에서 모든 것을 복제하는 것부터 시작할 것이고 우리는 이것을 리펙토링 할 것입니다.

65
00:06:56,350 --> 00:06:58,340
그러나 여기에 모든 것을 넣기 시작하십시오.

66
00:06:58,370 --> 00:07:12,600
그래서 모든 정사각형을 통과하여 I 플러스 플러스를 뛰어 넘은 후 우리가해야 할 일은 배경이 색깔과 같은 스타일로 사각형을 말합니다.

67
00:07:13,020 --> 00:07:15,820
나는 구할 것이다.

68
00:07:16,070 --> 00:07:21,660
새로 고침하고 새 색상을 클릭하면 60 개의 임의 색상이 생성됩니다.

69
00:07:21,740 --> 00:07:22,820
그것은 하나를 선택합니다.

70
00:07:22,820 --> 00:07:30,360
그림 색상을 반영하도록 화면을 업데이트하고 여섯 개의 사각형을 모두 새 6 색과 일치하도록 변경합니다.

71
00:07:30,710 --> 00:07:34,730
따라서 그것을 시도해보고 이전의 논리가 그대로 유지되는지 확인해 봅시다.

72
00:07:35,240 --> 00:07:35,850
승인.

73
00:07:36,290 --> 00:07:39,130
그래서 이것은 적색의 알맞은 양입니다.

74
00:07:39,140 --> 00:07:41,460
아주 작은 초록색과 적당한 양의 파란색.

75
00:07:41,840 --> 00:07:45,280
우리가 옳다고 생각하지 않는 것을 클릭 해 봅시다.

76
00:07:46,160 --> 00:07:48,880
그리고 지금은 그 사람의 한 사람을 찾으러 가자.

77
00:07:49,070 --> 00:07:50,940
그래서 조금 더 붉은 파란색처럼 보입니다.

78
00:07:50,960 --> 00:07:56,510
그래서 나는 이것을 추측 할 것이고 우리는 옳은 것처럼 보이며 일들이 여전히 잘 작동하고있는 것처럼 보입니다.

79
00:07:56,540 --> 00:07:58,470
빠른 새 색상.

80
00:07:58,610 --> 00:08:00,320
우리는 이것을 재설정하고 싶습니다.

81
00:08:00,320 --> 00:08:01,960
그게 정말 사소한 화장품 일이에요.

82
00:08:02,030 --> 00:08:11,000
그러나 새로운 색상을 클릭하면 검은 색 또는 어두운 회색 색상으로 되돌아 가도록 여기에 표시를 재설정해야합니다.

83
00:08:11,000 --> 00:08:18,480
우리가하고 싶은 또 다른 일은 우리가 여기서 볼 수있는 것처럼 다시 연극을 말하기를 원할 때 여기에서 이길 것입니다.

84
00:08:18,530 --> 00:08:20,350
이것은 많은 녹색입니다.

85
00:08:20,540 --> 00:08:24,980
나는 이기고 그것은 다시 나에게 말해주고 똑같은 일을한다.

86
00:08:24,980 --> 00:08:29,260
기능적으로 그것은 단지 우리와 다른 텍스트 일뿐입니다.

87
00:08:29,300 --> 00:08:31,060
그렇게 간단합니다.

88
00:08:31,100 --> 00:08:35,150
우리가해야 할 일은 코드가 어디에 있는지 확인하는 것입니다.

89
00:08:35,180 --> 00:08:36,240
바로 여기 있습니다.

90
00:08:36,620 --> 00:08:39,500
그런 다음 해당 버튼의 텍스트 내용을 변경하기 만하면됩니다.

91
00:08:39,740 --> 00:08:41,820
그래서 버튼은 리셋 버튼이라고 불렀습니다.

92
00:08:41,930 --> 00:08:52,700
그래서 텍스트 콘텐츠가 다시 물음표로 재생되는 재설정 버튼은 새로운 색상을 새로 고칩니다.

93
00:08:52,790 --> 00:08:54,560
이제 이들 중 하나를 연주 해 봅시다.

94
00:08:54,740 --> 00:08:58,750
그래서 이것은 빨간색이 많고 녹색이 많고 파란색이 조금 있습니다.

95
00:08:58,790 --> 00:09:02,070
그래서 많은 붉은 색과 많은 녹색이 우리에게 황색을 줄 것입니다.

96
00:09:02,210 --> 00:09:04,100
그래서 그들 중 일부를 좁히려 고합시다.

97
00:09:04,100 --> 00:09:08,180
그리고 약간의 파란색이 가볍고 밝아집니다.

98
00:09:08,480 --> 00:09:13,590
그래서 우리가 이것이나이 하나를 시도해 보면 그들이 옳지 않다는 것을 알게 될 것입니다.

99
00:09:13,880 --> 00:09:17,230
그리고 이것이 우리의 대답입니다.

100
00:09:17,300 --> 00:09:20,120
그리고 진짜 빠르며 똑같은 일을합니다.

101
00:09:20,180 --> 00:09:23,570
마지막으로 언급 한 것은 배경색을 다시 변경하는 것입니다.

102
00:09:23,570 --> 00:09:28,430
그래서 바로 여기에서 리셋 버튼이 끝나면 그렇게 할 수 있습니다.

103
00:09:28,520 --> 00:09:30,950
우리는 그 H-1을 선택하려고합니다.

104
00:09:31,200 --> 00:09:34,610
그것은 우리가 여기서 선택한 한 점입니다.

105
00:09:34,670 --> 00:09:37,090
전화가 배경 이네.

106
00:09:37,160 --> 00:09:40,600
UPS는 같습니다.

107
00:09:40,640 --> 00:09:49,560
그리고 그것은 16 진수입니다. 2 3 2 3 2 3 이것은 당신이 보길 갈 수 있다는 것을 잊어 버렸을 때 몸의 배경색을 평가하십시오.

108
00:09:49,800 --> 00:09:55,410
또는 잘못된 색상을 선택하면 색상을 제거 할 때 여기에 설정합니다.

109
00:09:55,580 --> 00:09:58,680
우리는 배경 색상을 몸체와 동일하게 변경합니다.

110
00:09:59,150 --> 00:10:02,130
이제 새로운 색상을 새로 고쳐 봅시다.

111
00:10:02,330 --> 00:10:03,820
이제 우승합시다.

112
00:10:04,010 --> 00:10:11,300
그냥 빨리 무작위로 우리는 다시 놀이를 클릭하고 그것은 검은 배경으로 변경됩니다.

113
00:10:11,310 --> 00:10:13,060
또는 어두운 회색 배경.

114
00:10:13,570 --> 00:10:15,530
좋아,이 동영상에 대한 모든 것입니다.

115
00:10:15,530 --> 00:10:19,790
다음으로 우리는 easy 모드와 hard 모드 중 하나를 선택하기위한 버튼을 추가 할 것입니다.