if語句
　　　　語法：
　　　　if(條件){
　　　　// 條件成立，執行這裏的代碼
　　　　}

　　　　if中的這個條件會被轉換成true/false

　　　　條件要麽成立，要麽不成立

　　　　成立為真 表示為true
　　　　不成立為假 表示為false

　　經過幾天的練習，我了解到只要是條件判斷，那麽用 if 語句就沒錯了，當條件不止一個時，那就要走 else 來執行了，當 else 也壓不住的話就得請else if ( 條件) 來判斷啦

ヾ(???ゞ)。

　　當然了，每學一個知識點，我們都要去用它去做一些東西來檢（增）驗（加）一（些）下（成）掌（就）握（感）程度（づ￣3￣）づ╭?～ 最基礎的就是兩張圖片來回切換~

　　部分代碼如下：

<script>
		var btn = document.getElementById(‘btn‘)
		var img = document.getElement
		ById(‘img‘)
		var num = 1
			
		btn.onclick = function (){
			if (num == 1){
				img.src = ‘../img/2.jpg‘
				num = 2
			}else if (num == 2){
				img.src=‘../img/1.jpg‘
				num = 1
			}
		}
			
		</script>

　　　　很簡單對吧？下邊還有進階版的，多張圖片循環播放，按順序播放，部分如下（循環播放）：

<script>
    var n = 1;  // 記錄的是第一張

    // "./imgs/"+n+".jpg"

	btn.onclick = function (){
		n = n+1; // 讓n+1重新賦值給n

		// 圖片之後5張，當n加到了第6張，第6張圖片是不存在，需要讓n重新回到1
			if(n == 6){
				n = 1
			}

			console.log(‘./imgs/‘+n+‘.jpg‘);
			img.src = ‘./imgs/‘+n+‘.jpg‘

		}


</script>

　　最核心的一點就是判斷圖片是否過界，即是否切換到了最後一張或者第一張，再對其進行賦值即可。順序播放的話可以通過判斷當到達邊界那一張時，使 n 得值定格在那一張即可。

js - if-else語句