##1. はじめに
本記事では、JavaScriptの
「条件分岐を用いた演習」
について記載する。
##2. 演習の内容
###演習のテーマ
テーマパークの料金計算とする。
###内容
:::note
年齢(変数age)の値によって、
テーマパークの入場料を出し分けてコンソールに出力するプログラム。
:::
料金は下記とする。
大人(12歳以上のもの):5000円
中人(6歳以上12歳未満の者):2500円
小人(6歳未満の者):1000円
※if / else if / else を使用すること
###実演
####HTMLファイルの作成
実演に入る前にHTMLファイルを作成しておく。
<body>タグ内は<script>タグでJSファイルを読み込むだけとする。
index.html
index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>演習:条件分岐</title>
</head>
<body>
<script src="js/index.js"></script>
</body>
</html>
####JSファイルの作成 #####変数の設定 まずは、年齢を入れる変数を用意する。 今回の変数名はage、演習の内容で数値(年齢)が大きいのが12なので
index.js
let age = 12;
とする。
#####if文の作成
とりあえずif文を全て記述し、細かく噛み砕いて記述する。
index.js
if (age >= 12) {
console.log('5000円');
} else if (age >= 6) {
console.log('2500円');
} else {
console.log('1000円');
}
#####if (age >= 12) { console.log('5000円');
まずは大人料金から。
ifの()内は、変数'age’は12と同じ、またはそれ以上という意味。
#####} else if (age >= 6) { console.log('2500円');
次に中人料金。
こちらはelse if表記なので、最初に記述した大人料金に該当しないときにelse ifに条件分岐する。
()内は変数'age’は6と同じ、またはそれ以上なので、中人料金へと分岐される。
#####} else { console.log('1000円');
最後は小人料金。
こちらは条件として大人料金でも中人料金でもないので、elseで表記される。
上記で記述したものをコンソールへ出力されると、大人料金の5000円で表示されるはずである。  ##3. おわりに 次項:[はじめてのJavaScript⑧ 「繰り返し処理 "for"」](https://qiita.com/Stack_up_Rising/items/b70ef528d9c9c608fc8a)に続く。