WD DESIGN

sample_j02 - 複数データとDOM操作

複数データを扱って、DOMの操作を実施する

case01 配列の作成とforEach

下記を配列に作成してみましょう

  • Photoshop
  • Illustrator
  • Premiere
  • After Effects
  • VS Code

case02 オブジェクト配列データ

配列番号とは別に、添え字をつけてデータを入れる場合 オブジェクト配列で作成します

members配列を作成し、下記データを作成してみましょう

case03 データをHTMLに入れる

作成したメンバーのデータをHTMLへ出力しましょう

瀧本

18

Webデザイナー

桃井

20

プロデューサー

田中

22

グラフィックデザイナー

坂倉

25

Webエンジニア

宮﨑

30

カメラマン

武田

24

コピーライター