1
00:00:00,330 --> 00:00:00,660
괜찮아.

2
00:00:00,650 --> 00:00:01,490
다시 오신 것을 환영합니다.

3
00:00:01,680 --> 00:00:06,210
그리고이 비디오는 우리 목록의 기본 기능 중 일부를 다루기 시작합니다.

4
00:00:06,210 --> 00:00:16,380
빠른 청취자를 동맹국에 추가함으로써 우리는 멋지고 쉽게 시작할 것입니다. 그래서 클릭 할 때 여기에서 볼 수있는 약간의 취소 선 효과를 얻을 수 있습니다.

5
00:00:16,890 --> 00:00:20,750
그리고 우리가하기 전에 실제로 여기에 약간의 배경을 바꿀 것입니다.

6
00:00:21,000 --> 00:00:22,910
나는 그 배경을 없애 버릴거야.

7
00:00:23,190 --> 00:00:25,020
그런 다음 테두리를 추가 할 것입니다.

8
00:00:25,200 --> 00:00:35,800
그래서 우리 경계선은 두 개의 픽셀 단색 회색으로 약간의 변화 만있을 것입니다.하지만이 회색을 돌 때 더 쉽게 볼 수 있습니다.

9
00:00:35,880 --> 00:00:39,170
우리가 훌륭한 배경을 가지고 있다면 그것은 완전히 융합 될 것입니다.

10
00:00:39,490 --> 00:00:40,180
승인.

11
00:00:40,200 --> 00:00:48,190
그래서 우리가 원하는 것은 눈 안쪽의 텍스트가 회색 인 동맹국을 클릭하고 취소 선 효과를 추가하는 것입니다.

12
00:00:48,570 --> 00:00:50,930
자 자바 스크립트 파일을 보겠습니다.

13
00:00:51,210 --> 00:01:01,820
먼저 Dewes를 클릭하여 확인한 다음 간단한 설명을 추가하여 시작하겠습니다.

14
00:01:02,010 --> 00:01:04,540
그래서 모든 동맹국을 선택해야합니다.

15
00:01:04,830 --> 00:01:11,020
그래서 우리가해야 할 일은 달러 기호 대신에 동맹국이되는 것입니다. 그러면 우리는 클릭을 할 것입니다.

16
00:01:12,150 --> 00:01:32,520
여기를 클릭하면 콜백 함수를 실행하려는 함수가 있고 우리는 클릭 한 동맹국을 시작으로 멋진 경고로 시작하여 돌아가서 새로 고침하고 동맹국을 클릭하면 우리가 동맹국이지만 다른 곳에서는 그렇지 않습니다.

17
00:01:32,550 --> 00:01:34,260
큰.

18
00:01:34,260 --> 00:01:59,210
다음으로 우리가 클릭 한 개별 동맹자를 변경하고 색상 및 취소 선 또는 텍스트 장식 효과를 변경하는 작업을 해보겠습니다. CSSA 방법을 사용하고 SS를 보도록하겠습니다. color 속성을 사용하여 작업하고 색상 회색과 텍스트 장식 속성을 설정하여 해당 선을 만들고 싶습니다.

19
00:01:59,690 --> 00:02:01,210
색상부터 시작해 보겠습니다.

20
00:02:01,380 --> 00:02:05,090
그래서 마치 그레이처럼 보일 것입니다.

21
00:02:05,370 --> 00:02:09,610
그리고 우리는 우리가 무엇을 선택하고 있는지에 적용 할 것을 결정해야합니다.

22
00:02:09,990 --> 00:02:15,180
그리고 이것은 우리가 단지 거짓말을 선택하고 우리를 대담하게한다면 우리가하고 싶은 것이 아닙니다.

23
00:02:15,210 --> 00:02:24,000
클릭 할 때 그들은 모두 회색으로 바뀌고 클릭하면 빨간색과 같이 더 분명하게 보이게하는 것이 조금 어렵습니다.

24
00:02:24,060 --> 00:02:29,880
그들은 모두 우리가 원하는 것을 원하는 것이 아닌 빨간색으로 바꾼다. 단지 클릭 한 것이다.

25
00:02:30,150 --> 00:02:34,410
이것이 바로 J Querrey 래퍼에서 핵심 단어가 나오는 부분입니다.

26
00:02:34,410 --> 00:02:41,460
이것은 클릭 한 특정 거짓말을 나타내며, 그 하나만 변경하여 Google의 색상이 회색이되도록 변경하려고합니다.

27
00:02:41,760 --> 00:02:43,510
그리고 우리는 그것을 시험 할 것입니다.

28
00:02:43,560 --> 00:02:47,740
이제 개별 동맹국을 클릭하면 회색으로 바뀝니다.

29
00:02:47,910 --> 00:02:51,000
물론 다시 클릭하면 다시 검은 색으로 변하지 않습니다.

30
00:02:51,030 --> 00:02:53,790
우리는 그 기능을 가지고 있지 않습니다.

31
00:02:53,790 --> 00:02:59,370
이제 선을 통한 취소 선을 가져와 이렇게 다른 선을 만들 수 있습니다.

32
00:02:59,370 --> 00:03:18,200
이것은 SEUS 우리를 누른 다음 텍스트 장식 콜론이나 쉼표 라인 대시를 통해 저장하고 다시 Prentis 여기를보고 누락 이동합니다.

33
00:03:20,070 --> 00:03:27,940
이제 클릭 할 때 취소 선 효과가 나타나고 색상이 회색으로 바뀝니다.

34
00:03:29,610 --> 00:03:32,200
물론 항상 쉬운 방법이 있습니다.

35
00:03:32,220 --> 00:03:43,100
따라서 두 개의 개별 라인에서 작업하는 대신 키 값 쌍을 사용하여 객체를 정의하고이 CSSA 호출을 하나만 수행하는 방법을 기억했을 것입니다.

36
00:03:43,290 --> 00:03:52,880
그래서 여기에 객체를 추가 했으므로 색상 회색 쉼표를 추가해야합니다.

37
00:03:53,280 --> 00:03:59,300
그리고 우리가 객체에 텍스트 Dasch 장식을하고 라인을 통과하도록 설정하면 약간 까다 롭습니다.

38
00:03:59,580 --> 00:04:05,520
그리고 나는 구원을 얻고 당신을 리프레쉬하지 않습니다.

39
00:04:05,530 --> 00:04:11,240
자바 스크립트에서는 하이픈을 포함하는 속성 이름을 사용할 수 없으므로 실제로 오류가 발생합니다.

40
00:04:11,760 --> 00:04:20,890
그래서 우리가 객체를 정의하는 문법을 사용한다면, 텍스트 선언 낙타의 경우를 사용해야합니다. 이것은 약간 까다 롭습니다.

41
00:04:20,940 --> 00:04:30,290
그리고 우리가 신선하다면 이제는 텍스트 장식을 발견하고 CSSA 속성과 선이 그레이 컬러를 적용한다는 것을 알 수 있습니다.

42
00:04:30,510 --> 00:04:36,540
다음으로 할 일은 다시 검정색으로 바꾸고 한 번의 클릭으로 선을 제거하는 것입니다.

43
00:04:37,460 --> 00:04:39,800
이를 위해 간단한 IF 문을 사용합니다.

44
00:04:39,900 --> 00:04:53,780
앨리가 회색인지 확인한 다음 검정색으로 바꾸고 회색으로 바꿉니다.

45
00:04:53,920 --> 00:05:00,820
거짓말이 회색인지 확인하기 위해 우리는 할 수 있고이 물건을 사용할 수 있습니다.

46
00:05:00,890 --> 00:05:19,230
SS 그리고 만약 우리가 이것을 단지한다면, 동맹국이 회색인지를 확인하기 위해 실제로이 점 Cs를 사용하여 다른 값을 제공하지 않고 색상을 요청하면 현재 색상을 가져올 수 있습니다.

47
00:05:19,620 --> 00:05:28,370
그래서 우리는 색깔의 감각이 회색과 같다면 if 문을 사용할 것입니다.

48
00:05:29,410 --> 00:05:39,120
이제는 콘서트 로그를 회색으로 처리하고 시작하는 것이 전부입니다.

49
00:05:39,490 --> 00:05:51,150
그래서 이것을 조금 닦아 봅시다. 그리고 우리는 아직 가지고 있지 않습니다. 그래서 우리는 단지 그것을 그대로두고 돌아갈 것입니다.

50
00:05:51,310 --> 00:06:00,030
그래서 우리가 새로 고치면 우리는 콘솔을 열고 이것들 중 하나를 클릭하면 회색이 아니기 때문에 아무 것도 알려주지 않습니다.

51
00:06:00,190 --> 00:06:03,230
하지만 이제 다시 클릭해도 여전히 작동하지 않습니다.

52
00:06:03,270 --> 00:06:05,420
그리고 그 이유는 조금 까다 롭습니다.

53
00:06:05,470 --> 00:06:06,930
우리가 여기로 돌아 가면.

54
00:06:07,180 --> 00:06:12,820
CSSA 색상이 if 문 외부에 어떤 영향을 미치는지 살펴 보겠습니다.

55
00:06:12,910 --> 00:06:15,400
그래서 우리는 로그하는 콘솔을 할 것입니다.

56
00:06:15,690 --> 00:06:19,760
이렇게하면 SS 색상이 시작되고 페이지가 새로 고쳐집니다.

57
00:06:20,250 --> 00:06:25,230
클릭하면 R.G.로 시작합니다. 000.

58
00:06:25,440 --> 00:06:33,270
다시 클릭하면 색상이 회색으로 설정되고 검사하면 회색이됩니다.

59
00:06:33,750 --> 00:06:40,100
그것은 회색이 회색이라고 말하지만 다시 클릭하면 실제로 R.G.입니다. 번역.

60
00:06:40,320 --> 00:06:45,550
그래서 우리는 색상이 그레이와 동등한 지 비교하려고 할 때 작동하지 않을 것입니다.

61
00:06:45,670 --> 00:06:49,820
우리는 그것을 R.G.와 비교할 필요가있다. be 1 2 8 1 2 8 1 2 8.

62
00:06:50,310 --> 00:06:57,840
그리고 이제 우리가 이것을 시도하고 새로 고침을 할 때 처음 클릭 할 때 나는 다시 클릭하지 않아야합니다.

63
00:06:58,090 --> 00:07:00,730
이제 현재 회색으로 표시됩니다.

64
00:07:01,150 --> 00:07:01,460
승인.

65
00:07:01,480 --> 00:07:02,710
그래서 우리는 그것을 사용할 수 있습니다.

66
00:07:03,030 --> 00:07:05,710
따라서 인쇄하는 대신 현재 회색입니다.

67
00:07:05,920 --> 00:07:08,070
우리가 원하는 것은 그것을 검은 색으로 바꾸는 것입니다.

68
00:07:08,130 --> 00:07:15,950
그래서 우리가 색칠하는 것을 보게 될 것이고 우리는 단지 검은 색으로 돌아갈 것입니다.

69
00:07:16,120 --> 00:07:16,930
그냥 그렇게.

70
00:07:17,110 --> 00:07:20,670
그리고 나서 문자 장식을 단 1 초 만에 처리 할 수 ​​있습니다.

71
00:07:20,980 --> 00:07:24,240
그래서 우리는 새로 고침하고 우리는 회색을 얻습니다.

72
00:07:24,420 --> 00:07:26,660
그리고 다시 클릭하면 여전히 작동하지 않습니다.

73
00:07:26,840 --> 00:07:29,650
그리고 그 이유는 우리가 여기서 끝 부분을 덮어 쓰고 있기 때문입니다.

74
00:07:29,710 --> 00:07:31,870
매번 회색으로 변하고 있습니다.

75
00:07:31,960 --> 00:07:41,060
그래서 우리는 그것을 다른 곳으로 옮겨서 여기에 else 문을 추가 할 것이고, 현재 회색이 아닌 경우에만 이것을 할 것입니다.

76
00:07:41,740 --> 00:07:42,220
괜찮아.

77
00:07:42,390 --> 00:07:43,260
그래서 우리는 잘되어야합니다.

78
00:07:43,260 --> 00:07:50,400
이제 우리는이 주석을 깨끗하게 정리하고 새로 고침 해 보겠습니다.

79
00:07:50,640 --> 00:07:54,490
그것을 클릭하면 다시 회색으로 변합니다.

80
00:07:54,550 --> 00:07:58,110
우리는 여전히 선을 통과하지만 적어도 색은 변화하고 있습니다.

81
00:07:58,420 --> 00:08:05,870
그래서 우리가해야 할 모든 것을 통해 선을 제거하는 것은 기본적으로 이것을 복사하거나 객체를 다시 실행하는 것입니다.

82
00:08:06,780 --> 00:08:10,460
그리고 회색으로 설정하는 것보다는 회색으로 만들 것입니다.

83
00:08:10,840 --> 00:08:15,560
그리고 텍스트로 장식하기보다는 줄을 지어서 아무것도 만들지 않을 것입니다.

84
00:08:15,900 --> 00:08:25,390
그리고 이제 우리가 신선하고 진짜 빠르면 우리는 회색과 선이있는 곳에서 온 / 오프로 토글을하고 있습니다.

85
00:08:26,010 --> 00:08:31,560
바라건대 우리가이 과정을 겪으면서 당신은이 검사를하는 것이 많은 일이라는 것을 알 것입니다.

86
00:08:31,650 --> 00:08:33,230
현재 회색입니까?

87
00:08:33,250 --> 00:08:39,580
RGV 128 128 128이면 텍스트 장식을 검정색으로 제거합니다.

88
00:08:39,700 --> 00:08:41,310
그렇지 않으면 이것을하십시오.

89
00:08:41,490 --> 00:08:46,020
우리가 실제로이 논리를 수행 할 필요가없는 훨씬 쉬운 방법이 있습니다.

90
00:08:46,450 --> 00:08:59,630
우리가 할 수있는 것은 클래스를 생성하여 C S에서 클래스를 생성하고 완성 된 클래스 또는 완료된 클래스를 호출하고 색상은 회색입니다.

91
00:08:59,800 --> 00:09:00,890
우리는 따옴표가 필요하지 않습니다.

92
00:09:01,000 --> 00:09:09,070
우리는 자바 스크립트가 아니며 텍스트 장식은 줄을 긋고 저장하고 나서 할 것입니다.

93
00:09:09,140 --> 00:09:27,240
예, 우리는 실제로이 코드를 모두 대체 할 수 있습니다. 그리고이 코드는 모두 삭제되었습니다.이 점 토글 클래스가 완료되면 단일 행이 완성됩니다.

94
00:09:27,490 --> 00:09:43,980
그래서 우리가 동맹국을 클릭 할 때, 우리가 완료 한 클래스를 클릭 한 슬라이드의 클래스를 토글하고 그것을 회색으로 만들고 효과를 통해 라인을 줄 것이고 그것을 제거해야하는지 추적 할 것입니다 또는 자동으로 추가됩니다.

95
00:09:44,380 --> 00:09:48,240
따라서 이전과 완전히 똑같은 것처럼 보입니다.