點擊不同div添加不同背景事例

點擊添加布景，是初步進修js時的常識，一般來說是比力簡單的劇本就可以實現的，可是若是在分歧的 div 上點擊從而給添加分歧的div布景那？

東西/原料

1
我們初步感觸感染一下這個頁面中有著四個 div ，只是里面的數字分歧罷了，其他的沒什么分歧的；而我們的使命就是實現點擊 div ，div本身就會添加一個布景；
2
如圖，我們點擊了一下 1 div，這個div 的布景色從白色變為橙色，凡是我們只需要一個 onclick事務就行；可是這里有四個，莫非我們要界說四個變量?寫四個事務？那么若是有更多的 div 怎么辦？
3
就像這種環境，四個 div 有著四個分歧的布景，固然只是布景分歧，可是若是用簡單變量事務那么代碼就會很是繁瑣和反復；
4
下圖是頁面的架構代碼，簡單的看一下，只是界說了四個 div 和在 style標簽上寫出了 css 樣式，而且沒有界說布景；
5
下圖代碼就是我們離開繁瑣反復，就可以完當作的要求結果（反復的工作用輪回是一個很是好的體例），對于界說數組存放布景顏色，就不具體詮釋了，關頭是 輪回時的一一對應，用index 添加索引對應 i 以此達到對應實現的結果；