DAY1 開始玩JavaScript吧！

11th鐵人賽 javascript

Yoken.C

2019-09-17 12:59:20

1224 瀏覽

分享至

JavaScript 是一種程式語言，它使你能夠創建動態更新內容、控制多媒體，動畫圖片等等幾乎所有事。（好吧，不是所有，但這是非常神奇的僅通過短短幾行 JavaScript 程式碼就可以實現的東西。）
//引述自 MDN Web docs

關於本系列

本系列會先從 JavaScript 概念，基礎的變數、函數、迴圈、 Canvas 的使用開始慢慢深入，並穿插簡單小遊戲的實做。對於新手來說，做出一個會動可以玩的成品是最有成就感的，大家一起一步一步做出好玩的小遊戲，跟著筆者來玩JavaScript吧！

JavaScript的使用

JavaScript 的檔案只要使用文字編輯器(如記事本)打完程式碼後，儲存成js檔即可。不過使用一些工具會更方便，筆者目前使用的是 Visual Studio Code ，可以點此到官方網站下載。
也可以利用線上編輯器 Codepen 裡的 pen 功能進行練習，他的HTML, CSS, JS的區塊是各自分開的，很方便也容易使用。

JavaScript 主要用來向HTML頁面添加互動，可以直接嵌入HTML檔案中，但寫成單獨的js檔案有利於結構和行為的分離。以下是標準的 HTML 檔案模板，其中 script 這個 HTML標籤(HTML elements)的兩種方式都可以。

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <p>Hello World!</p>
        <script>
            //JavaScript寫在這裡。
        </script>
        <script src="yourJS.js"> //這裡不可以再寫 JS </script> 
        <!--JavaScript外嵌檔案-->
    </body>
</html>