iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 3
2
自我挑戰組

草頭黃小姐的 30 天 JavaScript 自學小本本系列 第 3

Day 03 JavaScript 起步走

嗨!大家今天過得好嗎?再來看看草頭黃小姐的小本本在 Day 03 做了什麼紀錄:)

如果你要寫 JavaScript,你會怎麼開始呢?
我們都知道可以用 CodePen 寫 HTML 和 CSS,那麼 JavaScript 要寫在哪裡呢?

CodePen

JSbin

這兩個線上編輯器,只要在對應的欄位輸入 HTML、CSS 和 JavaScript 即可。

VScode

  • 你可以選擇在 <body></body>裡寫,只要加入<script></script>,在裡面我們就可以開始寫些 JavaScript
  • 也可像寫 CSS 一樣,開一個新的頁面,存成 .js 檔案格式,今天我把它命名為 demo,然後在<body></body> 內連出去 demo.js 檔案。
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script src="demo.js"></script> 
</body>
</html>

請注意<script src="demo.js"></script>
還記得 src 就是連出去某個檔案的意思,我們在可以透過 src ="" ,在裡面包住我們剛建立好的 demo.js 的檔案,,就像學寫 CSS 一樣,分開成不同的檔案再連回去,未來要修正或調整 code 的時候,對開發者來說比較好找和好維護。

今天我們先知道要把 Javascript 寫在哪裡,明天我們就來認識一些語法,寫些東西來玩玩吧!


上一篇
Day 02 如果你跟我一樣是新手,請先知道 JavaScript 是什麼
下一篇
Day 04 JavaScript 的變數和資料型態
系列文
草頭黃小姐的 30 天 JavaScript 自學小本本30

尚未有邦友留言

立即登入留言