<style>
.slides img{background-color:grey!important}
.slides img[title^='"']{filter:invert(100%)}
hr, .slides [title^='*']{display:none}
summary h1{display:inline;border-bottom:0!important}
</style>
<!-- .slide: data-background="black" -->
###### [JavaScript 教學/](/@NCHUIT/js)
:::spoiler {state=open}<h1>引用及應用函式庫</h1>
<!-- | <i class="fa fa-fw fa-wpforms"></i>防疫表單 | <i class="fa fa-fw fa-wpforms"></i>入社表單 | <i class="fa fa-fw fa-comments-o"></i>回饋單 |
|:-:|:-:|:-:|
| [![](https://i.imgur.com/YjOk5L9.png '"' =172x)](https://forms.gle/bghmKYxjc9v7m9WE8) | [![](https://i.imgur.com/sLgC1CR.jpg '"' =172x)](https://reurl.cc/q1keqn) | [![](https://i.imgur.com/SZXAKmT.png '"' =172x)](http://reurl.cc/VjYNGZ) |
+ <i class="fa fa-google"></i> meet.google.com/czn-pbav-zvr -->
+ <i class="fa fa-book"></i> 網頁 md.nchuit.cc/js
+ <i class="fa fa-tv"></i> 簡報 md.nchuit.cc/js8
[ToC]
:::
> [name=VJ]
---
## `import`
https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Statements/import
https://www.w3schools.com/js/js_modules.asp
https://www.casper.tw/development/2020/03/25/import-export
## Google Sheet API
https://developers.google.com/sheets/api/quickstart/js
## Google Console Platform
https://console.cloud.google.com
客戶端 ID(Client ID), API Key 是我們要的東西
```cmd=
python -m http.server 8080
```
## 更換試算表
## 表單介面
https://hackmd.io/1mICdBGjRpKDEIo1t9QtWA?view#表單
貼到
標題等變動
選擇題
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/radio
## Facebook 登入
https://developers.facebook.com/docs/facebook-login/web/?translation
{"metaMigratedAt":"2023-06-17T01:09:55.609Z","metaMigratedFrom":"YAML","breaks":true,"description":"JavaScript教學-110-2主題社課-國立中興大學資訊科學研習社","title":"引用及應用函式庫","contributors":"[{\"id\":\"6d6e3ba2-6820-4c6f-9117-f09bccc7f7aa\",\"add\":40,\"del\":0},{\"id\":\"e86b6571-4dea-4aa4-ba20-ece559b0e015\",\"add\":1829,\"del\":80}]"}