JavaScriptでプログラミング(1)

JavaScriptはブラウザで動く、環境構築を必要としないプログラミング言語です。ホームページを開くと動きのあるものも少なくありませんが、それらにはこのJavaScriptが使われています。

そこで、このJavaScriptを使ってプログラミングをしていこうと思います。

JavaScriptはブラウザで動くので、HTML/CSSの知識はあるものとして進めていきます。ではまず、Hello World!をブラウザに表示させてみます。なんでもいいのでテキストエディタで以下の内容を入力し、test.htmlとして保存します。

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        document.write("Hello World!");
    </script>
</body>
</html>

保存したファイルを開くと、ブラウザが起動してHello World!と表示されているはずです。

次のようにすればポップアップで表示させることができます。

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        alert("Hello World!");
    </script>
</body>
</html>

以下のようなポップアップが出るはずです。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です