iT邦幫忙

鐵人檔案

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

這些日子我學到的JavaScript 系列

轉職前端中

參賽天數 10 天 | 共 30 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 10

這些日子我學到的JavaScript:Day11-物件搭配陣列

若同時需要很多個物件,我們可以在陣列內儲存多個物件,如下: var farms = [{farmer: 'Jerry',chicken: 5,duck: 6,d...

2020-09-27 ‧ 由 asn lin 分享
DAY 10

這些日子我學到的JavaScript:Day12-運算子

比較運算子比較運算子會比較兩個值,並依比較的結果回傳 true 或 false。 拿來做比較的值可以是數字、字串、布林,或物件。比較運算子總共有以下這幾個符號:...

2020-09-28 ‧ 由 asn lin 分享
DAY 10

這些日子我學到的JavaScript:Day13-if...else / switch

if...elseif 後面的小括號內,為條件式;當條件成立時會執行大括號內的程式碼,稱為陳述式。如果在條件不成立的時候,也想要執行特定的動作,就在 if 大括...

2020-09-29 ‧ 由 asn lin 分享
DAY 10

這些日子我學到的JavaScript:Day13-迴圈

迴圈可以重複執行同一組程式碼,幫我們處理不斷重複的事情。迴圈會檢測條件,如果條件為 true,便會執行程式碼;接著條件繼續被檢測、程式碼繼續執行,直到條件為 f...

2020-09-30 ‧ 由 asn lin 分享
DAY 10

這些日子我學到的JavaScript:Day14-迴圈加總

有一個村莊,裡面有三個農場,要如何透過迴圈計算三個農場的香蕉總產量呢? var farms = [{farmer: '卡斯伯',field: 6,chick:...

2020-10-01 ‧ 由 asn lin 分享
DAY 10

這些日子我學到的JavaScript:Day15- take a "break"

break 應該寫在哪裡?以下兩個範例程式碼,都是 if 跟 for 迴圈一起使用,差別在於 break 放置位置的不同。 break 在 if 裡:for (...

2020-10-02 ‧ 由 asn lin 分享
DAY 10

這些日子我學到的JavaScript:Day16-JSON

什麼是 JSON?一種共通性資料交換的格式,用來傳輸由屬性值或者序列性的值組成的資料物件。政府公開資訊平台上有很多領域的資料庫都是有 JSON 格式,讓我們可以...

2020-10-03 ‧ 由 asn lin 分享
DAY 10

這些日子我學到的JavaScript-Day17-DOM:如何用 JS 選取 HTML 元素

DOM 是 Document Object Model 的縮寫,中文叫做文件物件模型。HTML 世界中的元素,對應到 JS 世界就叫做 DOM。瀏覽器在解析我們...

2020-10-04 ‧ 由 asn lin 分享
DAY 10

這些日子我學到的JavaScript:Day18-DOM - 如何用 JS 新增 HTML 內容

innerHTML 的寫法前面已經學過了用 textContent 在 HTML 中插入文字了,現在要來學習如何用 innerHTML 插入內容。欲插入的內容必...

2020-10-05 ‧ 由 asn lin 分享
DAY 10

這些日子我學到的JavaScript:Day19-DOM - 用 JS 更改 HTML & CSS 屬性

增加 / 更改屬性的值 - setAttribute()更改某標籤的屬性的值先取得我們想操作的 DOM,並宣告變數var el = document.query...

2020-10-06 ‧ 由 asn lin 分享