1
00:00:00,380 --> 00:00:02,130
OK，我們會回來的。

2
00:00:02,130 --> 00:00:05,070
所以我認為現在是時候為你提供一些這樣的拍攝你自己的。

3
00:00:05,400 --> 00:00:07,310
所以我有一個快速的鍛煉。

4
00:00:07,560 --> 00:00:15,620
所有你需要做的是創造一個新的時代，或提交新的JavaScript文件和年齡添加一個按鈕，我的文件。

5
00:00:15,630 --> 00:00:16,920
而已。

6
00:00:16,920 --> 00:00:24,780
然後當我點擊該按鈕，所有你需要做的是從白色改變身體的背景顏色為紫色。

7
00:00:24,780 --> 00:00:25,600
你如何做到這一點。

8
00:00:25,600 --> 00:00:27,190
我把它留給你。

9
00:00:27,240 --> 00:00:41,280
還有，你可以做到這一點因為我們已經談到迄今不同的東西幾個不同的方法，但你需要的時候你點擊按鈕來運行一些代碼，這些代碼應該改變兩種顏色之間的背景色無論是紫色和白色或您選擇了一些更好的顏色。

10
00:00:41,280 --> 00:00:42,220
完全取決於你。

11
00:00:42,510 --> 00:00:44,010
所以Pasic視頻現在。

12
00:00:44,190 --> 00:00:45,560
給自己找的一個鏡頭。

13
00:00:45,580 --> 00:00:52,460
這真的很重要，你這樣做，然後再回來當你準備好，我們就會解決方案一起走了過來。

14
00:00:54,620 --> 00:00:55,280
好。

15
00:00:55,350 --> 00:00:58,110
所以，讓我們來談談我們如何才能使這項工作。

16
00:00:58,110 --> 00:01:04,870
首先第一件事情，我們需要一個老年雌性文件，我在這裡需要我的HMO補充。

17
00:01:05,310 --> 00:01:16,590
讓我們把這種色彩切換以及所有我們需要的是一個單一的按鈕，我們將只添加點擊我就是這樣。

18
00:01:16,650 --> 00:01:27,260
現在，我們需要我們的JavaScript文件，我們可以很容易地做一些事情，我們只是在那裡添加腳本標記就在這裡和我們的JavaScript，但它不是一個偉大實踐。

19
00:01:27,270 --> 00:01:34,170
所以，只是為了讓你在正確的習慣，做一個新的文件，我們會叫它切換。

20
00:01:34,190 --> 00:01:57,450
J.S.在同一個目錄裡面和我一樣總是喜歡做什麼我都會添加警報只是為了確保它們連接好，然後我們需要去鏈接到腳本，並需要被源等於觸發點是周杰倫剛像那樣。

21
00:01:57,510 --> 00:02:02,880
因此，讓我們繼續前進，打開瀏覽器這個文件，看看我們得到的。

22
00:02:02,880 --> 00:02:04,640
我會在這裡指出的第一件事。

23
00:02:04,800 --> 00:02:10,770
請注意，我們得到了，說是關連，但按鈕沒有在頁面上尚未警報。

24
00:02:11,220 --> 00:02:14,710
所以我們實際上沒有看到該按鈕，直到我擺脫了警報。

25
00:02:15,030 --> 00:02:17,450
這真的很重要，我們希望解決這個問題。

26
00:02:17,490 --> 00:02:30,060
是什麼，它告訴我們的是，我們在這裡的代碼首先運行前的按鈕，在所有網頁上，而且我們要編寫代碼是要依靠事實按鈕在頁面上。

27
00:02:30,150 --> 00:02:39,100
我們不能添加快速監聽器，否則事件偵聽器只能去上班，並添加事件是在它的運行時間在頁面上的項目。

28
00:02:39,450 --> 00:02:41,290
因此，我們必須解決這個的一些方法。

29
00:02:41,310 --> 00:02:49,710
最簡單的一個，現在只是將我們的腳本下到身體的結尾，讓我們知道肯定確定此按鈕加載。

30
00:02:49,710 --> 00:02:55,680
我們將了解這樣做的時候，我們得到周杰倫查詢的另一種方式，但是這工作完全正常現在。

31
00:02:55,980 --> 00:02:59,440
所以，如果我們現在刷新你會看到按鈕已經存在。

32
00:02:59,610 --> 00:03:03,140
然後我們得到，說它連接的警報。

33
00:03:03,210 --> 00:03:05,470
所以，現在讓我們來談談邏輯。

34
00:03:05,490 --> 00:03:09,460
讓我們去我們的撥動J.S.並選擇按鈕。

35
00:03:09,660 --> 00:03:20,620
所以VAR鍵等於文檔的查詢選擇器按鈕，這只是一種方式來選擇，當然它。

36
00:03:20,970 --> 00:03:36,650
然後，我們要添加我們的事件偵聽器，以便按鈕添加事件偵聽器，單擊，然後我們的函數將運行回調函數，就這樣。

37
00:03:37,290 --> 00:03:46,450
而我總是喜歡與只是說點擊只是為了確保我們選擇了正確的事情，這個功能正在運行警報再次啟動。

38
00:03:46,470 --> 00:03:51,910
當我們點擊刷新這樣讓點擊，我們獲得點擊。

39
00:03:51,960 --> 00:03:52,860
所以，這是偉大的。

40
00:03:52,860 --> 00:03:59,280
事情現在可以正確地迷上了所有我們需要做的是改變身體的背景顏色。

41
00:03:59,700 --> 00:04:04,920
因此，我想通過只是在做文件翻斗開始，我們只是將其設置為紫色。

42
00:04:05,100 --> 00:04:14,980
所以，記錄了機身風格，背景等於紫色，你會看到我用的文檔點身體。

43
00:04:15,150 --> 00:04:35,510
我們也能做到這一點查詢選擇文件，並給身體標記名稱或類似圩區文件度日標籤名身體零元素，但它更容易只是使用文檔點身體。

44
00:04:35,670 --> 00:04:38,730
這只是內置於文檔的快捷方式。

45
00:04:38,730 --> 00:04:42,970
所以我這樣做，我將其更改為紫色，我們要善於去這裡。

46
00:04:43,110 --> 00:04:50,770
如果我點擊我們得到一個全身紫這個問題當然一部分，但被來回切換的煩惱。

47
00:04:50,940 --> 00:04:57,870
所以，當我點擊這裡它可以追溯到白色，然後我再次點擊，並回到紫色和它保持兩者之間的切換。

48
00:04:58,290 --> 00:05:16,040
那麼，我們需要做的就是增加一些邏輯和我們的邏輯是要看起來像這樣的東西，如果白色可能會得到其他紫喜歡的東西，使得它。

49
00:05:16,350 --> 00:05:29,930
所以，我要去處理這個我要創建一個名為一個布爾值的方式是紫色SAVAR是紫色的，這是怎麼回事，因為當我刷新頁面這不是紫紫所以是假，開始為假。

50
00:05:29,970 --> 00:05:37,950
然後呢，我們需要做的是我們裡面的javascript，我們要檢查，如果是紫色的。

51
00:05:38,910 --> 00:05:50,370
所以，如果是紫色那麼我們會想使背景顏色為白色就這樣。

52
00:05:50,520 --> 00:06:02,020
和變化有可能是白色的，然後否則，我們會做同樣的事情，但我們將使它紫色。

53
00:06:02,040 --> 00:06:06,930
當然，唯一的問題是，是紫色的，現在永遠是假的。

54
00:06:06,930 --> 00:06:08,610
我們將要改變這種狀況。

55
00:06:08,880 --> 00:06:27,610
所以，如果是紫色的，如果它是紫色的文檔了身體的風格，但背景是等於白，然後我們會說是紫色的是現在所謂的假，當我們說，這是紫色我們會說是因為我們只是將其更改為白色，然後紫等於true。

56
00:06:27,840 --> 00:06:35,130
而這種需要是天經地義的布爾值不是字符串true或字符串錯誤的。

57
00:06:35,160 --> 00:06:38,280
所以我們在這裡所做的是創造我們自己的小目標跟踪器。

58
00:06:38,280 --> 00:06:41,020
這個布爾是紫色啟動的是假的。

59
00:06:41,070 --> 00:06:43,590
在第一時間通過它是紫色的。

60
00:06:43,590 --> 00:06:44,510
這不會發生。

61
00:06:44,610 --> 00:06:49,990
所以我們去改變我們的背景是紫色的else然後是紫現在是真實的。

62
00:06:50,190 --> 00:06:54,460
因此，下一次用戶點擊它是紫色的現在真實的。

63
00:06:54,480 --> 00:06:59,930
因此，如果我們改變背景是白色的，然後是紫色被設置為false，我們不斷來回切換。

64
00:06:59,970 --> 00:07:03,640
因此，刷新檢查委員會可以確保我們有沒有錯誤。

65
00:07:03,900 --> 00:07:08,910
現在，讓我們嘗試一下紫色白色紫色和白色。

66
00:07:09,450 --> 00:07:18,180
所以這是一個再小的因素，我們可以做的是，我們沒有設置是紫色的是假的，是紫色的是真實的if語句中。

67
00:07:18,180 --> 00:07:21,110
我們這樣做只是寫一個較短的方式。

68
00:07:21,150 --> 00:07:25,360
是紫色等於不為紫色。

69
00:07:25,770 --> 00:07:31,280
所以這只是將真假或假和真只是取消它打開它。

70
00:07:31,440 --> 00:07:33,660
所以這是一個很好的捷徑。

71
00:07:34,200 --> 00:07:46,000
你可以在這裡看到它現在是海格爾的，這是一個有點短，但有做這希望你們當中有些人想過，當我們了解了類列表辦公室的一個更短的方式。

72
00:07:46,110 --> 00:07:48,230
有一個叫切換的方法。

73
00:07:48,240 --> 00:08:01,590
因此，如果我們定義了一個CSA為類，讓我們繼續前進，這樣做，而不是我的風格，我只是要做一個風格的標籤，現在並添加一個名為點類。

74
00:08:01,590 --> 00:08:04,650
讓我們叫它紫色或紫色的只是。

75
00:08:04,650 --> 00:08:16,680
這是一個類名，我們只能說背景是紫色的，這就是我們需要做什麼，我們要做的是打開和關閉對身體這個類。

76
00:08:16,680 --> 00:08:31,720
所以還是回到這裡，我要去把剛才複製此為現在和算出來的，當你點擊按鈕，他們註釋掉它還是擺脫這種擺脫這個問題，以及我們需要做的是。

77
00:08:31,740 --> 00:08:37,820
所有這一切，我們想要做的是記錄了屍體。

78
00:08:38,230 --> 00:08:41,900
無類別域切換。

79
00:08:42,210 --> 00:08:46,390
然後我們剛才的類名被稱為紫色。

80
00:08:46,470 --> 00:08:53,000
所以請記住這是什麼要做的是，如果身體沒有的類名為紫它會添加。

81
00:08:53,400 --> 00:08:56,510
但是，它會檢查是否它確實有類名紫了。

82
00:08:56,580 --> 00:08:57,660
它會刪除它。

83
00:08:57,660 --> 00:09:00,630
所以，我們沒有保持跟踪，如果是紫色或白色的。

84
00:09:00,630 --> 00:09:05,850
目前，如果類應用，或者如果它不是我們不需要這個是紫色Boullion了。

85
00:09:06,270 --> 00:09:09,660
這基本上都包裹起來，而不是階級的撥動。

86
00:09:09,930 --> 00:09:11,390
所以我刷新。

87
00:09:12,000 --> 00:09:15,980
我點擊，你可以看到它看起來是一樣的。

88
00:09:16,110 --> 00:09:19,890
但是，如果我們考察我們期待在體內。

89
00:09:19,890 --> 00:09:20,670
開始了。

90
00:09:20,790 --> 00:09:22,930
通知類的equals紫色。

91
00:09:22,980 --> 00:09:26,310
然後我點擊，現在我們沒有經典的紫色了。

92
00:09:26,310 --> 00:09:27,570
它消失。

93
00:09:27,990 --> 00:09:29,830
這是記錄了屍體。

94
00:09:29,910 --> 00:09:32,760
類列表切換這實在是非常有用的。

95
00:09:32,760 --> 00:09:35,490
它比這裡這個邏輯更短了很多。

96
00:09:35,490 --> 00:09:37,030
好吧所以這是我的解決方案。