iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

半路出家,文組新手學 Javascript 系列

利用 Javascript 實作小作品,來練習及加強自己對 Javascript 的觀念。

鐵人鍊成 | 共 30 篇文章 | 16 人訂閱 訂閱系列文 RSS系列文 團隊貓肥加潤五倍祝福
DAY 21

DAY 21 localStorage ToDoList

今天我們要來做用 localStorage 儲存跟讀取的 ToDoList 我們一樣 focus 在 JavaScript 上。 先設變數 list 是我們在...

2020-09-28 ‧ 由 serenana 分享
DAY 22

DAY 22 Array Cardio

參考出處 JS 30 DAY 4 參考出處 Alex 宅幹嘛 今天要練習的是在 JS 常用來處理陣列的方法: Array.prototype.filter()...

2020-09-29 ‧ 由 serenana 分享
DAY 23

DAY 23 Array Cardio 2

參考出處 JS 30 DAY 7 參考出處 Alex 宅幹嘛 今天接續著昨天,要練習的也是在 JS 常用來處理陣列的方法: Array.prototype.s...

2020-09-30 ‧ 由 serenana 分享
DAY 24

DAY 24 JS30 Hold Shift and Check Checkboxes

參考出處 JS 30 DAY 10 參考出處 Alex 宅幹嘛 中秋節快樂! 中秋節依舊趕稿中,不過已經第 24 天了! 今天要做的是 JS 30 第十三天的...

2020-10-01 ‧ 由 serenana 分享
DAY 25

JS30 Countdown Timer

參考出處 JS 30 DAY 29 參考出處 Alex 宅幹嘛 今天要練習,怎麼做倒數計時 實作 在畫面上可以看到,有輸入框跟按鈕,兩邊我們都要綁事件。 做...

2020-10-02 ‧ 由 serenana 分享
DAY 26

DAY 26 Click and Drag

參考出處 JS 30 DAY 29 參考出處 Alex 宅幹嘛 今天在看 JS 30 要練習什麼,馬上被 drag 這個字吸住眼睛,今天來好好學一下。 練習...

2020-10-03 ‧ 由 serenana 分享
DAY 27

DAY 27 JS 計算機實作

今天來做一個計算機。 如畫面所示,是一個簡易的計算機,有加、減、乘、除、清除 的功能 設變數 const numberButtons = document.q...

2020-10-04 ‧ 由 serenana 分享
DAY 28

DAY 28 JS 九九乘法表

今天要來用 for 迴圈來做 九九乘法表 和九九乘法表的遊戲 九九乘法表 我們希望達到的效果 console.log output "1x1=1 &q...

2020-10-05 ‧ 由 serenana 分享
DAY 29

DAY 29 Vue 起手式

鐵人賽倒數兩天了,今天我們來看一下 Vue.js 參考來源是 Vue.js 的官網 Vue.js 是一套構建使用者介面的漸進式的 JavaScript 框架。...

2020-10-06 ‧ 由 serenana 分享
DAY 30

DAY 30 Vue 起手式 part 2 & 完賽心得

Get started 昨天說到宣告事渲染跟條件迴圈,今天要來繼續把剩下兩個說完 Declarative Rendering 宣告式渲染 Conditi...

2020-10-07 ‧ 由 serenana 分享