目錄
1、九九乘法表---for雙循環
思路：外層for循環--表示行，內層for循環--表示列
2、順序循環按鈕切換圖片
要求：1、選擇順序按鈕，點擊左右箭頭，到第一張圖時提示‘已經是第一張了’，最後一張圖時提示‘已經是最後一張了’。
2、選擇循環按鈕，左箭頭到第一張圖就銜接最後一張圖，右箭頭到最後一張圖就銜接到第一張圖。
3、上下部分描述與當前圖片一一對應。(共四張圖)
思路：1、var tag = 1; // tag爲1表示順序切換圖片, tag爲2表示循環切換圖片，點擊順序循環按鈕設置tag值，標記當前狀態。
2、右箭頭事件-有兩種狀態（選順序還是循環-if-else），n=1設置當前圖是第一張，右箭頭n++，圖片遞增，設置圖片相 對地址：img.src = 'images/' + n + '.jpg';①若選擇順序， if (n > 4)，alert('已經是最後一張圖片了');②若選擇循 環， if (n > 4) { n = 1;}最後一張圖銜接第一張圖。
3、左箭頭事件-類比右箭頭事件。
4、上下描述-通過.innerHTML設置值： top1.innerHTML = n + '/4'; bottom.innerHTML = '動漫' + n;
3、QQ列表
要求：點擊標題、顯示對應列表名單信息
思路：自定義屬性，標記每個list的狀態值tag=1,初始時名單ul整體隱藏，點擊list時顯示ul。
4、頁面整體換色
要求：點擊按鈕，頁面整體換成對應顏色
思路：1、將顏色值存爲數組，用自定屬性-設置自定義索引，獲取每個按鈕的下標值，點擊按鈕下標值對應顏色數組下標值換色
2、用戶點擊按鈕時，按鈕背景變色，不知道用戶點擊的是哪個按鈕，就清除所有的按鈕的樣式--再次for循環
5、數組遞增排序
要求：一組數組內數字無序-通過函數排成遞增順序
思路：1、拿每一個位置上的數字和後面的每一項進行對比，若前小於後，則互換位置
2、聲明第三方變量，存值進行數字互換:var temp = arr[i]；arr[i] = arr[j];arr[j] = temp; //完成互換
6、按鈕字母變化
要求：點擊每個按鈕，字母都可以完成A--B--C--D--A的變化
思路：1、將字母值存於數組中，先完成一個按鈕的字母變化,var n = 0; //存儲當前按鈕處於哪個答案--點擊按鈕n++,對應字母數 組下標。當n>arr.length時，重置n=0回到第一個字母。
2、多個按鈕的點擊，每一個按鈕有獨立的控制當前按鈕的n，設置自定義屬性：把每一個按鈕的初始答案存儲在一個自身 的屬性中。btns[i].current = 0;點擊按鈕時 this.current++; this.value = arr[this.current];
7、購物車計算
要求：點擊加減號，計算出商品價格
思路：1、構建頁面結構，先實現一行li的單價計算，獲取count數量.innerText強制轉換爲數字類型
減號點擊事件數量num--，加號點擊事件數量num++，小計=單價*數量
2、每個li-->想到for循環，封裝函數在for內調用
8、關不掉的廣告
要求：進入頁面隔一段時間彈出，點擊關閉之後，再隔一段時間再彈出一次
思路：---關掉--才彈出一次--無法判斷用戶何時關掉--所以用延時定時器
9、數字倒計時
思路：用間隔定時器，隔一段時間數字num--；
10、方塊向右移動/方塊向左運動/方塊來回運動
要求：點擊按鈕，方塊向右移動--使用間隔定時器，封裝函數move調用---輪播圖實現原理
思路：綁定按鈕點擊事件，添加方塊新屬性保證唯一性，獲取方塊當前的left值，新的newleft=left+位移。
11、抽獎
要求：獎項隨機播放，點擊確定即停止
思路：用到Math隨機函數，開啓定時器，每隔時間換獎項播放，點擊確定播放停止，即關閉定時器