---
# System prepended metadata

title: DAY17 - JavaScript 6. 設定情境，搭配 Xls 設計程式碼
tags: ['Re:0 前端工程師之路 - JavaScript 初級 篇章']

---

# DAY17 - JavaScript 6. 設定情境，搭配 Xls 設計程式碼

### 假設情境如下:
```
媽媽今天要我幫忙她買蔬果，清單如下:

1. 香蕉共1根
2. 蘋果共1顆
3. 奇異果共1顆


香蕉的價錢為 $9 / 根
蘋果的價錢為 $20 / 顆
奇異果的價錢為 $25 / 顆


我們預期，這趟我們會花上 54元
```

- 試問，該如何設計程式? 可以先透過 xls 檔案來分析:

![](https://i.imgur.com/hGHzuSg.png)

1. 先設定好3樣商品的變數名稱及價格:

```
let bananaPrice = 9;

let applePrice = 20;

let kiwiFruitPrice = 25;
```

2. 計算方式及加總:

![](https://i.imgur.com/6DE9WYT.png)

- 其列印出的結果，正確無誤!


###### tags: `Re:0 前端工程師之路 - JavaScript 初級 篇章`