Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/guiril/bmi-calculator
Completes the final practice exercise (BMI Calculator) for the JavaScript online course.
https://github.com/guiril/bmi-calculator
javascript localstorage
Last synced: about 1 month ago
JSON representation
Completes the final practice exercise (BMI Calculator) for the JavaScript online course.
- Host: GitHub
- URL: https://github.com/guiril/bmi-calculator
- Owner: guiril
- Created: 2018-08-14T13:45:51.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-08-24T09:17:02.000Z (over 1 year ago)
- Last Synced: 2023-08-24T10:53:04.072Z (over 1 year ago)
- Topics: javascript, localstorage
- Language: CSS
- Homepage: https://guiril.github.io/bmi-calculator/
- Size: 1.16 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# BMI 計算器
六角學院【JavaScript 入門篇 - 學徒的試煉】最終作業
[View the UI design mockup](https://hexschool.github.io/JavaScript_HomeWork/)
### 功能介紹
* 透過輸入身高與體重來計算身體質量指數 (BMI) (kg/m2)。
* 根據不同的計算結果給予不同的顯示顏色。
* 將每次的計算結果透過列表呈現。### 實作
* 點擊 `#calculatorBtn` 觸發 click 事件,取得 `#height`, `#weight` 數值。
* `#height`, `#weight` 必須為正數,且不得為空值。
* 將結果儲存在瀏覽器的 `localStorage`,並呈現在網頁上,可透過刪除按鈕移除紀錄。### 更新紀錄
* 2019/12/3
* `$ eslint --init`,使用 JavaScript Standard Style
* 使用 ECMAScript 2015 (ES6) 語法