OK，我們會回來的。
所以我認為現在是時候為你提供一些這樣的拍攝你自己的。
所以我有一個快速的鍛煉。
所有你需要做的是創造一個新的時代，或提交新的JavaScript文件和年齡添加一個按鈕，我的文件。
而已。
然後當我點擊該按鈕，所有你需要做的是從白色改變身體的背景顏色為紫色。
你如何做到這一點。
我把它留給你。
還有，你可以做到這一點因為我們已經談到迄今不同的東西幾個不同的方法，但你需要的時候你點擊按鈕來運行一些代碼，這些代碼應該改變兩種顏色之間的背景色無論是紫色和白色或您選擇了一些更好的顏色。
完全取決於你。
所以Pasic視頻現在。
給自己找的一個鏡頭。
這真的很重要，你這樣做，然後再回來當你準備好，我們就會解決方案一起走了過來。
好。
所以，讓我們來談談我們如何才能使這項工作。
首先第一件事情，我們需要一個老年雌性文件，我在這裡需要我的HMO補充。
讓我們把這種色彩切換以及所有我們需要的是一個單一的按鈕，我們將只添加點擊我就是這樣。
現在，我們需要我們的JavaScript文件，我們可以很容易地做一些事情，我們只是在那裡添加腳本標記就在這裡和我們的JavaScript，但它不是一個偉大實踐。
所以，只是為了讓你在正確的習慣，做一個新的文件，我們會叫它切換。
J.S.在同一個目錄裡面和我一樣總是喜歡做什麼我都會添加警報只是為了確保它們連接好，然後我們需要去鏈接到腳本，並需要被源等於觸發點是周杰倫剛像那樣。
因此，讓我們繼續前進，打開瀏覽器這個文件，看看我們得到的。
我會在這裡指出的第一件事。
請注意，我們得到了，說是關連，但按鈕沒有在頁面上尚未警報。
所以我們實際上沒有看到該按鈕，直到我擺脫了警報。
這真的很重要，我們希望解決這個問題。
是什麼，它告訴我們的是，我們在這裡的代碼首先運行前的按鈕，在所有網頁上，而且我們要編寫代碼是要依靠事實按鈕在頁面上。
我們不能添加快速監聽器，否則事件偵聽器只能去上班，並添加事件是在它的運行時間在頁面上的項目。
因此，我們必須解決這個的一些方法。
最簡單的一個，現在只是將我們的腳本下到身體的結尾，讓我們知道肯定確定此按鈕加載。
我們將了解這樣做的時候，我們得到周杰倫查詢的另一種方式，但是這工作完全正常現在。
所以，如果我們現在刷新你會看到按鈕已經存在。
然後我們得到，說它連接的警報。
所以，現在讓我們來談談邏輯。
讓我們去我們的撥動J.S.並選擇按鈕。
所以VAR鍵等於文檔的查詢選擇器按鈕，這只是一種方式來選擇，當然它。
然後，我們要添加我們的事件偵聽器，以便按鈕添加事件偵聽器，單擊，然後我們的函數將運行回調函數，就這樣。
而我總是喜歡與只是說點擊只是為了確保我們選擇了正確的事情，這個功能正在運行警報再次啟動。
當我們點擊刷新這樣讓點擊，我們獲得點擊。
所以，這是偉大的。
事情現在可以正確地迷上了所有我們需要做的是改變身體的背景顏色。
因此，我想通過只是在做文件翻斗開始，我們只是將其設置為紫色。
所以，記錄了機身風格，背景等於紫色，你會看到我用的文檔點身體。
我們也能做到這一點查詢選擇文件，並給身體標記名稱或類似圩區文件度日標籤名身體零元素，但它更容易只是使用文檔點身體。
這只是內置於文檔的快捷方式。
所以我這樣做，我將其更改為紫色，我們要善於去這裡。
如果我點擊我們得到一個全身紫這個問題當然一部分，但被來回切換的煩惱。
所以，當我點擊這裡它可以追溯到白色，然後我再次點擊，並回到紫色和它保持兩者之間的切換。
那麼，我們需要做的就是增加一些邏輯和我們的邏輯是要看起來像這樣的東西，如果白色可能會得到其他紫喜歡的東西，使得它。
所以，我要去處理這個我要創建一個名為一個布爾值的方式是紫色SAVAR是紫色的，這是怎麼回事，因為當我刷新頁面這不是紫紫所以是假，開始為假。
然後呢，我們需要做的是我們裡面的javascript，我們要檢查，如果是紫色的。
所以，如果是紫色那麼我們會想使背景顏色為白色就這樣。
和變化有可能是白色的，然後否則，我們會做同樣的事情，但我們將使它紫色。
當然，唯一的問題是，是紫色的，現在永遠是假的。
我們將要改變這種狀況。
所以，如果是紫色的，如果它是紫色的文檔了身體的風格，但背景是等於白，然後我們會說是紫色的是現在所謂的假，當我們說，這是紫色我們會說是因為我們只是將其更改為白色，然後紫等於true。
而這種需要是天經地義的布爾值不是字符串true或字符串錯誤的。
所以我們在這裡所做的是創造我們自己的小目標跟踪器。
這個布爾是紫色啟動的是假的。
在第一時間通過它是紫色的。
這不會發生。
所以我們去改變我們的背景是紫色的else然後是紫現在是真實的。
因此，下一次用戶點擊它是紫色的現在真實的。
因此，如果我們改變背景是白色的，然後是紫色被設置為false，我們不斷來回切換。
因此，刷新檢查委員會可以確保我們有沒有錯誤。
現在，讓我們嘗試一下紫色白色紫色和白色。
所以這是一個再小的因素，我們可以做的是，我們沒有設置是紫色的是假的，是紫色的是真實的if語句中。
我們這樣做只是寫一個較短的方式。
是紫色等於不為紫色。
所以這只是將真假或假和真只是取消它打開它。
所以這是一個很好的捷徑。
你可以在這裡看到它現在是海格爾的，這是一個有點短，但有做這希望你們當中有些人想過，當我們了解了類列表辦公室的一個更短的方式。
有一個叫切換的方法。
因此，如果我們定義了一個CSA為類，讓我們繼續前進，這樣做，而不是我的風格，我只是要做一個風格的標籤，現在並添加一個名為點類。
讓我們叫它紫色或紫色的只是。
這是一個類名，我們只能說背景是紫色的，這就是我們需要做什麼，我們要做的是打開和關閉對身體這個類。
所以還是回到這裡，我要去把剛才複製此為現在和算出來的，當你點擊按鈕，他們註釋掉它還是擺脫這種擺脫這個問題，以及我們需要做的是。
所有這一切，我們想要做的是記錄了屍體。
無類別域切換。
然後我們剛才的類名被稱為紫色。
所以請記住這是什麼要做的是，如果身體沒有的類名為紫它會添加。
但是，它會檢查是否它確實有類名紫了。
它會刪除它。
所以，我們沒有保持跟踪，如果是紫色或白色的。
目前，如果類應用，或者如果它不是我們不需要這個是紫色Boullion了。
這基本上都包裹起來，而不是階級的撥動。
所以我刷新。
我點擊，你可以看到它看起來是一樣的。
但是，如果我們考察我們期待在體內。
開始了。
通知類的equals紫色。
然後我點擊，現在我們沒有經典的紫色了。
它消失。
這是記錄了屍體。
類列表切換這實在是非常有用的。
它比這裡這個邏輯更短了很多。
好吧所以這是我的解決方案。