---
# System prepended metadata

title: 第 10 章 【互動系統與模擬】網頁元素(DOM) - 取得文字、數值和其他輸入

---

# 第 10 章 【互動系統與模擬】網頁元素(DOM) - 取得文字、數值和其他輸入

[Sandy 參加工作坊分享](https://hackmd.io/QlqRvwlwTsePyeyZwFI10w?view) 

## 網頁元素(DOM)
用途：
1. 與使用者互動：輸入框、選單、按鈕...等
2. 呈現複雜的視覺化設計
  - 將畫面布局成想要的樣式，視覺與互動融合

## 網頁元素創造
### 輸入框 createInput()

### 滑桿 createSlider()

.position 更改放置位置

### 按鈕 createButton("按鈕文字")

### 顏色選取器 createColorPicker()


## .input(函式)


### 粒子系統





## 其他相關資訊
* let var 差異
https://totoroliu.medium.com/javascript-var-let-const-%E5%B7%AE%E7%95%B0-e3d930521230

* Frank分享
    * GenArt 相關電子報:
        * 英文: https://www.kaloh.xyz/ 分享Eth,Tezos鏈生成式藝術的重要作品(包括價錢追蹤, 相關展覽(最近很多NFT都有被納入一些大型國際策展/藝廊裡))
        * 中文: https://www.facebook.com/c2x323
    * 主要以每周大事+翻譯好文章+訪談台灣藝術家
文字類型的遊戲<文字遊戲>
https://wordgame.cc/
    * 文字遊戲技術長的訪談，遊戲製作人最近嘗試的新平台Godot
https://www.youtube.com/watch?v=VX7i7TNSm88&t=342s


