Try   HackMD

第十八關 字串相加 innerHTML+ 樣式搭配

小杰:「我剛剛看到 beta 2.0 版的設計稿了,有點超出我的能力欸..」
護理師:「所以你打算讓師傅住院住到你破產嘍?」

小杰:「也不是啦,我光字串相加就搞了我好久時間

護理師嘆了一口氣說:「我想,你就先從簡單的開始吧,這題你拿去試試看(遞出題目」

小杰:「護理師妳人真好,既然如此要不然妳幫喂,妳怎麼大步流星、大步流星的走掉了啊,救救我~~」

問題

挑戰者們不要忘了,JS 始終要搭配妳寫好的 CSS 來進行渲染,護理師好像已經看膩了小杰爛到不行的陽春版本,寫了一個 .list2 版本,請依照他的 CSS 樣式邏輯,將 data 陣列裡面的資料,依序渲染到 .list2 裡面的 li 來顯示。

護理師的 Codepen 網址

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →