# JavaScript題目01 - 9 x 9乘法表 完成範例:[CodePen](https://codepen.io/liu_0821/pen/yLExgLR)、[Medium](https://medium.com/@LindaLiu0821/javascript%E5%9C%B0%E4%B8%8B%E5%9F%8E-9-9%E4%B9%98%E6%B3%95%E8%A1%A8-266eb43fdeee)  > 1F - 9 x 9乘法表 ### 使用語法 * HTML、CSS(SASS)、JS(原生) ### 攻略要點 1. 【特定技術】需使用 `JS for` 迴圈技巧,裡頭數字不能直接寫在 HTML 上,需使用 JS 印出。 2. 需使用 HTML、CSS、JS 技術。 3. 介面需與設計稿一致。 ### 拆解步驟 1. 首先取得`DOM`元素標籤。 2. 利用`for 迴圈`,從`2`開始跑到`9`,取得標題數字與整體內容框架。 3. 在當中再利用`for 迴圈`,從`1`開始跑到`9`,計算每個數字的乘法公式。 4. 最後將結果呈現於畫面上,結束。 ### 結尾 * 第一關比較困難應該是`CSS`,改用`SASS`去寫,之後全部寫完也會更新在`GitHub`上面,歡迎大家一起討論~ * 另外之後會出一版用`Vue`撰寫的版本~ --- ##### ヽ(∀゚ )人(゚∀)人( ゚∀)人(∀゚ )人(゚∀)人( ゚∀)ノヽ(∀゚ )人(゚∀゚)人( ゚∀)人(∀゚ )人(゚∀゚)人( ゚∀)人(∀゚ )人( ゚∀)人 ##### 以上 如果哪裡有錯誤或有問題,歡迎提出來一起討論~~~~
×
Sign in
Email
Password
Forgot password
or
By clicking below, you agree to our
terms of service
.
Sign in via Facebook
Sign in via Twitter
Sign in via GitHub
Sign in via Dropbox
Sign in with Wallet
Wallet (
)
Connect another wallet
New to HackMD?
Sign up