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>
以下のようなポップアップが出るはずです。