一直很想學 JavaScript 但我覺得很難的感覺一直遲遲不敢去碰它，事到如今還是來了，該面對的還是要面對XD
直接創一個副檔名為js的檔案後，將我們的 JavaScript 程式碼寫在副檔名為js的檔案中
(此篇先以名為 main.js 的檔案為主)
接著在.html的檔案中，複製貼上下列程式碼，讓我們的html可以抓取到我們的js檔案
<script src="scripts/main.js"></script>
--> 將 Test Title 透過 JavaScript 轉變成 Hellow World
.html的程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My test page</title>
<link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
<link href="styles/style.css" rel="stylesheet" type="text/css">
<style>
html{
background-color: #fff;
}
</style>
</head>
<body>
<h1>Test Title</h1>
<script src="scripts/main.js"></script>
</body>
</html>
.js的程式碼
var myHeading = document.querySelector('h1');
myHeading.textContent = 'Hello world!';
最後就換變成
在 JavaScript 中，我們使用了 querySelector('h1') 來抓取我們的標題h1
接著將我們抓到的標題存在 myHeading 變數裡，最後再將變數 myHeading 變更為 Hello world!
那今天先到這邊，我們鐵人賽Day24見囉!!
iThome鐵人賽
看影片追技術