iT邦幫忙

鐵人檔案

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

JS 學習歷程 系列

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

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

梁靜茹給的勇氣 - 讓我來分享 VSCode * JS 寫出人生第一個 "Hello World"

首先,我們需要透過 VS Code 建立 2 個新檔案取名為「index.html」及「all.js」,再創建一個「HelloWorld」資料夾,並將「in...

2019-09-02 ‧ 由 Chita 分享
DAY 2

與 JS 確認過眼神 - 宣告變數、把 JS 加入你頁面 (一)

變數認識:根據下方圖片範例,必需使用變數來記住「8」、「7」以及「8乘以7」的值 變數宣告方式及如何指定值: 變數不只數字而以: 瞭解變數之後,...

2019-09-03 ‧ 由 Chita 分享
DAY 3

與 JS 確認過眼神 - 宣告變數、把 JS 加入你頁面 (二)

上一篇提到變數的宣告,本篇單欄就要試著把 JS 加進頁面中囉,在開始正式寫 JS 前,我們先來寫個簡易 HTML 及 CSS: HTML 語法請加在<b...

2019-09-04 ‧ 由 Chita 分享
DAY 4

讓專業的來 - 想在蟹老闆底下摸魚,你就必需懂 function (一)

假設有二台收銀機:好四多&加樂福,它們分別盡責的執行顯示金額: 蟹老闆為了顯示其專業度,想在 price 前面加上 '$' 字號,於是我們來把它...

2019-09-05 ‧ 由 Chita 分享
DAY 5

讓專業的來 - 想在蟹老闆底下摸魚,你就必需懂 function (二)

續上篇,為了避免蟹老闆突然又得雞瘟要東改西改,我們也同樣的把 my name 用同一個 addMyName function 來管理,並且在 addMyNem...

2019-09-06 ‧ 由 Chita 分享
DAY 6

似乎不是唯一解 - 陣列(array) * 函式(function)

剛開始在學習時,一直對於陣列(array)、函式(function)的運作常常不太理解,藉由幾個小題目幫助自己更快上手: 題目一: inputcount(3)...

2019-09-07 ‧ 由 Chita 分享
DAY 7

金牌投手 - return

在學習 JS 的路上,為了 return 曾經卡了一下關,有幸獲得洧杰教練教學,終於克服 return 難題,於是特別來紀錄一下當時的練習: 想當初好傻好天真,...

2019-09-08 ‧ 由 Chita 分享
DAY 8

含笑苦讀只求自己不忘 - function 參數 / 變數

在學習 JS 這些日子以來,有個觀念常常一直忘記,這件事讓我身邊前輩都倍感困擾,今天來寫下這篇文,除了因為鐵人賽要發文(咦?),更重要的就是提醒自己:&quot...

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

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

餓死抬頭,在網路上找了一個可以用 JS 試玩的簡易計算:男女理想身高比例計算機。 由於這題是在我接觸 JS 一週後玩出來的東西,跟先前單純介紹 JS 概念相比,...

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

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

接續昨天的理想老婆練習題,今天要來上 JS 了: 首先我們來取出身高的值: var myHeightNum=document.querySelector('...

2019-09-11 ‧ 由 Chita 分享