使用JavaScript程式語言來撰寫Hello World程式。
打開Visual Studio Code（VS Code）編輯器，請參考安裝Visual Studio Code
接著參考在Visual Studio Code建立第一個HTML文件。
HTML文件(welcome.html)建立好後，接著在裡面加入以下JavaScript程式碼。
alert('hello world!');
JavaScript程式碼加入後如下，完成後存檔。
welcome.html
<!DOCTYPE html>
<html>
<head>
<script>
alert('hello world!'); // <-- 加入這個，放在<script>...<script>之間
</script>
</head>
<body>
<h1>您好，歡迎光臨</h1>
<p>普通段落文字</p>
</body>
</html>
在HTML文件中撰寫JavaScript程式碼時，規定必須把JavaScript程式碼放在<script>...</script>標籤所包夾的位置中間；<script>標籤通常又放在<head>...</head>間，不過也可以放在HTML文件<html>...</html>中的任意位置。而擺放的位置會影響JavaScript程式碼被執行的時間點。
然後在VS Code中按Alt + B（需安裝open in browser套件）把VS Code編輯區的welcome.html在瀏覽器打開。
開啟後馬上彈出一個訊息，訊息文字即為剛剛撰寫的alert('hello world!')中的文字。
沒有留言:
張貼留言