iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

JS 學習歷程 系列

敲 JS 的門,但 JS 死都不幫我開門,只好先去練功,再去打怪。

鐵人鍊成 | 共 30 篇文章 | 45 人訂閱 訂閱系列文 RSS系列文 團隊火箭隊
DAY 11

結衣我老婆啦 - 情侶理想身高差 * onClick(三)

今天要來繼續假裝自己單身的練習題,再接續昨天之前,應該要先來提供一下情侶理想身高差的公式(出處:鍵盤大檸檬),不囉嗦直接上結論: (女生身高)x 1.09...

2019-09-12 ‧ 由 Chita 分享
DAY 12

反轉劇代表收視率 - 反轉陣列裡的物件

今天來玩一個小玩意兒: 當我們今天獲得了一個陣列,如果想要反轉它,我們可以使用reverse()讓它原地反轉: 來創造一個新陣列吧: let ary=['o...

2019-09-13 ‧ 由 Chita 分享
DAY 13

不懂分頁怎麼賺 Page View - JS 分頁 (一)

先來個簡單 HTML,主要是劃出二塊:主內容 和 頁數選擇的btn <div class="content">...

2019-09-14 ‧ 由 Chita 分享
DAY 14

不懂分頁怎麼賺 Page View - JS 分頁 (二)

接序昨天(導播請切昨天畫面謝謝)的 HTML 跟 CSS,今天我們要來上 JS 了: 首先我們用 for 迴圈來創造一個有字串'1'~'36'的陣列吧: v...

2019-09-15 ‧ 由 Chita 分享
DAY 15

不懂分頁怎麼賺 Page View - JS 分頁 (三)

昨天做完了 btn,今天要做 btn 選取之後跳頁的最重點,步驟就是針對昨天我們所做出來的每顆按鈕做監聽,當它有 click 這個動作時,我們會執行 funct...

2019-09-16 ‧ 由 Chita 分享
DAY 16

不懂分頁怎麼賺 Page View - JS 分頁 (四)

昨天的分頁,我們寫了一個 changePage 的 function,不同於以往的 function 都只帶入1個參數,這次的參數會帶 2 款,**一個叫做...

2019-09-17 ‧ 由 Chita 分享
DAY 17

1加1你想要多少 - JS 的四捨五入、無條件捨去、無條件進位

在會計的世界裡,有個笑話我一直覺得很真實老闆:「1加1等於多少?」會計:「老闆,你跟我說需要多少?我做出來給你。」 這個笑話其實基本上跟我今天要講的主題一點關...

2019-09-18 ‧ 由 Chita 分享
DAY 18

嘿嘿!厲害啦! - 六角學院 JS 最終作業 (一)

學習 JS 的好課程,當然不能不推六角學院,簡單好懂易上手,這次主要來紀錄完成六角 JS 最終作業的歷程,希望能夠順利完成: 因為擔心侵權,這裡就只放上我的個人...

2019-09-19 ‧ 由 Chita 分享
DAY 19

嘿嘿!厲害啦! - 六角學院 JS 最終作業 (二)

好的,今天開始寫文之前我有好好確認過自己的筆電電量,來把第一、二、三塊做出來吧: HTML 非常簡單呦: <div class="all&quo...

2019-09-20 ‧ 由 Chita 分享
DAY 20

嘿嘿!厲害啦! - 六角學院 JS 最終作業 (三)

今天繼續來第四塊啦,第四塊就是單純的 title,當下拉選單選出區域時,title 會跟著變動: HTML 也很簡單哦: <!-- 第四塊,寫在 all...

2019-09-21 ‧ 由 Chita 分享