2.1.2. htmlファイル内でのjavascriptの実行

HTMLファイル内でのJavascriptの実行

はじめに今回は、HTMLファイル内でのJavaScript実行について学びましょう。ウェブページにJavaScriptを組み込んで、ブラウザで実行する方法を見ていきます。では、二人の説明を見ていきましょう。

HTMLファイルでJavaScriptってどうやって実行するの？

HTMLファイルに直接JavaScriptのコードを書くか、外部ファイルとして読み込む方法があるんだよね？

そうなの！JavaScriptをHTMLファイルで実行するには、 <script> タグ を使って、コードを書いたり、外部ファイルを読み込んだりするの！

じゃあ、どうやって <script> タグを使ってコードを書くの？

<script> タグをHTMLファイルの中に書いて、その中にJavaScriptのコードを入れるだけだよ！例えば、こんな感じ！

<!DOCTYPE html>
<html>
<head>
  <title>JavaScript Test</title>
</head>
<body>
  <h1>Hello, World!</h1>

  <script>
    console.log('Hello, World! from JavaScript');
  </script>
</body>
</html>

なるほど、 <script> タグの中にJavaScriptのコードを書けばいいんだね！

そうなの！外部ファイルとしてJavaScriptを読み込むには、 <script> タグの src 属性にファイル名を指定するだけ！例えば、こんな感じ！

<!DOCTYPE html>
<html>
<head>
  <title>JavaScript Test</title>
</head>
<body>
  <h1>Hello, World!</h1>

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

わかった！ <script> タグの src 属性にファイル名を指定すれば、外部ファイルとしてJavaScriptを読み込めるんだね！

そうなの！HTMLファイル内でJavaScriptを実行するには、 <script> タグを使って、コードを書いたり、外部ファイルを読み込んだりすることができるの！

おわりに HTMLファイル内でJavaScriptを実行するには、<script>タグを使って、直接コードを書いたり、外部ファイルを読み込んだりすることができます。これで、ウェブページ上でJavaScriptを実行する方法がわかりましたね！今後は、さまざまなウェブページでJavaScriptを使って、動的な機能を実装していきましょう！😊

HTMLファイル内でのJavascriptの実行#

HTMLファイル内でのJavascriptの実行