#### 回到 [`教學大綱`](https://md.kingkit.codes/s/siSKyknlU) / [`Web:AI 程式積木`](https://md.kingkit.codes/s/X4vMmbtp_)
<style>
blockquote.announcement {
background-color: #f4aa14;
height: 50px;
width: 100%;
display: flex;
justify-content: center;
border-left: none;
}
blockquote.announcement p {
color: white;
height: 100%;
align-items: center;
display: flex;
}
.announcement a {
background-color: rgba(0, 0, 0, 0.2);
text-decoration: none;
padding: 6px 16px;
border: 1px;
border-radius: 8px;
color: #fff;
line-height: 30px;
}
</style>
<blockquote class="announcement">
<p>
Webduino 學習手冊網站即將改版，提供您更好的閱讀體驗！<a
href="https://resource.webduino.io/docs/webai"
target="_blank"
rel="noopener"
>搶先試用</a
>
</p>
</blockquote>
# 變數
變數，是所有程式都會用到的基本元素，使用前會賦予變數一個名稱，可以用這個變數來表示文字、數字、陣列、顏色或邏輯。
為什麼要使用變數呢？因為在編輯程式往往會遇到許多「重複」的部分，如果用變數或函式裝載這些重複的部分，就能很簡單的進行「一次性」新增、刪除或修改動作。
舉例來說，如果一段文章出現了 50 次「A」，要把「A」修改為「B」，若不使用變數則得要手動修改 50 次才辦得到，使用變數的話就能夠一次將全部的「A」同時改為「B」。
## 建立變數
要使用「變量」積木前需要先建立變數 ( 將變數命名 )，點擊灰色的「建立變數」積木，跳出「新變數名稱視窗」，輸入想命名的變數名稱，按下確定，就可以看到新建立的變數了。
## 設定變數
設定變數表示賦予變數一個值，可以將變數設定為一串英文字或數字。
為了要在 Web:AI 開發板的螢幕上顯示結果，我們需要搭配「LCD 顯示文字」積木。在設定完變數後，下方放入「LCD 顯示文字」積木，再將變數積木放入裡面，按下執行，就可以看到螢幕上顯示「100」了。
## 變數覆蓋性質
由於程式語言有「後面覆蓋前面」的特性，所以如果變數名稱相同，後面設定的值會覆蓋掉前面設定的值。
以下方的積木為例子，將「變數 Webduino」設定 3 次值，搭配「LCD 顯示文字」積木，按下執行，可以看到 LCD 螢幕最後呈現的結果為「Web:AI」
## 變數改變
變數改變表示「讓變數的值改變多少」，假設原本變數的值為 1，使用變數改變 1 之後，這個變數就會變成 2；同理，如果使用變數增加 -1，那麼這個變數就會變成 0。
設定變數的值為 100，使用「變數增加」積木將變數增加 1，可以看到螢幕顯示 101。
