kadai01 | Notion

スクリーンショット 2023-03-23 15.16.02.png

コンソール画面に「 Hello JS World 」と表示するJavaScriptプログラムを作成してみましょう。

使用するファイル

ディレクトリ構造

javascript1 ※ 授業のフォルダ

┣ 📄 html ※ kadaiやsampleなどのhtmlファイルは授業フォルダの直下に配置する

┣ 📄 html

┣ 📂 css ※ cssファイルを配置するフォルダ

┣ 📂 img ※ imageファイルを配置するフォルダ

┗ 📂 js ※ javascriptファイルを配置するフォルダ

作成

kadai01.html
kadai01.js

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>kadai01 - JavaScript1</title>
</head>
<body>
	<h1>JavaScript演習１</h1>

	<script src="js/kadai01.js"></script>
</body>
</html>

//
// kadai01.js
//

console.log( 'Hello JS World' );