▼JavaScript 条件分岐-if文-▼
font-size:12px;line-height: 150%;
■ if文 ■
if文は条件によって処理を分けて行うときに使う。
var a = 5;
if (a % 2 == 0) {
document.write( ' は偶数です。 ' );
} else {
document.write( ' は奇数です。 ' );
}
※if ( a % 2 == 0 ) : a÷2の余りが０のとき
else : a÷2の余りが０ではないとき
5÷2の余りは１なので、else以下の処理をする。
◉偶数・奇数の判別◉
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>if文</title>
<script>
var num;
function guki() {
num = prompt('数値を入力してください。', '半角数字で入力');
if(num % 2 == 0) {
alert(num + 'は偶数です。');
}
else {
alert(num + 'は奇数です。');
}
}
</script>
</head>
<body>
<h1>偶数か奇数かの判別します</h1>
<p>ボタンをクリックすると数値を入力するウインドウが表示されます。</p>
<p><button onclick="guki()">判別する</button></p>
</body>
</html>
ブラウザ上では↓
数値を実際に入れてみる（４）↓
◉基準値に対しての判別◉
<script>
var score; //点数
var refValue = 80;//基準値
var compValue = 100;//満点
score = prompt('点数を入力してください','半角数字で入力');
if (score == compValue){
document.write('<h1>百点満点！！</h1>');
}
if (score >= refValue){
document.write('<h1>合格です！</h1>');
document.write('<p>よく頑張りました</p>');
} else {
document.write('<h1>不合格です</h1>');
document.write('<p>もう少し頑張りましょう！</p>');
}
</script>
ブラウザ上では↓
※下線部は、スコアが８０点以上 である場合を示す。
なので、１００のときは下記のように表示される。
◉if else~ if else~ の文◉
※複数の条件のどれに当てはまるかによって、それぞれ違う処理を行うときに使う。
<script>
var num;
function dgt() {
num = prompt('０から１０００までの数値を記入してください','半角数字で入力');
document.write(num + 'は');
if (0 <= num && num <= 9){
document.write('2桁の数です。');
} else if(10 <= num && num <= 99);{
document.write('3桁の数です'); }
else if (100 <= num && num <= 999); {
}
else {
document.write('4桁の数です');
}
}
</script>
</head>
<body>
<h1>０から１０００までの数値の桁数を判別します。</h1>
<p>ボタンをクリックすると数値を入力するウィンドウが表示されます。</p>
<p><button onclick="dgt()">判別する</button></p>
</body>
