JavaScript　８日目

console.log('５回目の出力');
console.log(num < 10);
console.log(num < '10');
console.log(num < 5);
console.log(num < '東京');

console.log(1 < 'A');
console.log('Aあ' < 'Aい');

console.log('問題');
console.log('問１');

var userName = prompt(); // ユーザ入力値

if (userName === '増田') {
  console.log('名前：OK');
} else {
  console.log('名前：NG');
}

console.log('問２');
// prompt()を使って年齢を入力させる
// ユーザ入力値が60かどうか…
// 同じ時は「還暦」をコンソールに出力
// 違う時は何もコンソールに表示しない
//

var age = prompt();

if (age == 60) {
  console.log('還暦');
}

var userName = prompt('お名前は？');
var myName = '増田';

if (userName === myName) {
  console.log('名前：OK');
}
else {
  console.log('名前：NG');
}

var userAge = prompt('おいくつ？');

if (userAge === 60) {
  console.log('還暦');
}
// ↓確認する
console.log(userAge === 60);
console.log(typeof userAge);

var num = 20;

console.log('１回目の出力');
console.log(num > 0 && num < 30);
// 左辺：true　AND判定まだ不可
// 右辺：true　AND判定OK「true」

console.log(num > 0 && num < 10);
// 左辺：true　AND判定まだ不可
// 右辺：false　AND判定OK「false」

console.log(num > 30 && num < 40);
// 左辺：false　AND判定OK「false」
// 右辺：処理されない（無視）

console.log(num > 30 && num < 0);
// 左辺：false　AND判定OK「false」
// 右辺：処理されない

var num = 20;

console.log('２回目の出力');
console.log(num > 0 || num < 30);
// 左辺：true　OR判定OK「true」
// 右辺：処理されない

console.log(num > 0 || num < 10);
// 左辺：true　OR判定OK「true」
// 右辺：処理されない

console.log(num > 30 || num < 40);
// 左辺：false　OR判定まだ不可
// 右辺：true　OR判定OK「true」

console.log(num > 30 || num < 0);
// 左辺：false　OR判定まだ不可
// 右辺：false　OR判定OK「false」

var num = 20;

console.log('３回目の出力');
console.log(!(num > 0));
// (20 > 0) ⇒（true）⇒!(true) ⇒ (false)
console.log(!(num > 30));
// (20 > 30) ⇒（false）⇒!(false) ⇒ (true)

var age = 35;

console.log('１回目の出力');
// 30代かどうかの判定
// 30以上・40未満
// 2つの条件が満たされた時にtrue'30代'
if (age >= 30 && age < 40) {
  console.log('30代');
}

var age = 25;

console.log('２回目の出力');
// 30未満・40以上
// 「||」ORで条件をつなぐ
// どちらか片方の条件を満たしていればtrue「'30代じゃない'」

if (age < 30 || age >= 40) {
  console.log('30代じゃない');
}

console.log('３回目の出力');
if (!(age >= 30 && age < 40)) {
  console.log('30代じゃない');
}

// (age >= 30 && age < 40)は
// １回目の出力「30代」の条件
// これを「!」(NOT演算子)で条件結果を反転させると
// 「30代じゃない」の意味にすることができる

var age = 20; 
console.log('問題 7-8');
if (!age >= 30 && age < 40) {
  console.log('30代じゃない');
}
// 変数ageには20が代入されている
console.log(!age == 0); // true
// ◆!age
// age 20 → true → ! →false
// ◆!age == 0
// false == 0
// false == false
// 結果true

console.log('１回目の出力');
var x;
console.log(x);
if (x) {
 // undefinedを条件判定すると「false」
 // 条件判定は必ず真偽値で行う
 // 条件部分に真偽値以外の値がきた時は
 // 真偽値への型変換を行う
 // undefined → 真偽値への型変換 → false
  console.log('true');
} else {
  console.log('false');
}

console.log('２回目の出力');
x = 5;
console.log(x % 2);　// 1を出力
// 「%」余り算：2で割った余りを条件に使用
// 2で割った余りは「0」か「1」になる
if (x % 2) {
 // 5を2で割った余り → 1 → 真偽値へ型変換 → true 
  console.log('true');
} else {
  console.log('false');
}

console.log('３回目の出力');
x = 4;
console.log(x % 2);　// 0を出力
// 「%」余り算：2で割った余りを条件に使用
if (x % 2) {
 // 4を2で割った余り → 0 → 真偽値へ型変換 → false 
  console.log('true');
} else {
  console.log('false');
}

console.log('４回目の出力');
x = 'aaa';
console.log(x - 5);
if (x - 5) {
  console.log('true');
} else {
  console.log('false');
}

console.log('５回目の出力');
x = '';
console.log(x);
if (x) {
  console.log('true');
} else {
  console.log('false');
}

console.log('６回目の出力');
x = 'あいう';
console.log(x);
if (x) {
  console.log('true');
} else {
  console.log('false');
}

console.log('７回目の出力');
x = '0';
console.log(x);
if (x) {
  console.log('true');
} else {
  console.log('false');
}

console.log('８回目の出力');
x = null;
console.log(x);
if (x) {
  console.log('true');
} else {
  console.log('false');
}

var num;
console.log('問題1');
num = 100;
// 余り「0」(false)が3の倍数
// 余り「1」「2」(true)が3の倍数じゃない

if (num % 3) {
  console.log('3の倍数じゃない');  // ←trueの時
} else {
  console.log('3の倍数★');  // ←falseの時
}

var userName = prompt('お名前は？');

// 【文字列の真偽値変換】
// 空文字は「false」、文字が入っていれば「true」
if (userName) {
  　　　　　　　　　　　　// ←false
} else {
  console.log('入力してください');  // ←true
}

if (!userName) {
  // 空文字「false」→ NOT演算子「!」 →「true」
  console.log('入力してください');
}

var num = 3;

console.log('１回目の出力');
num%2 == 1 ? console.log('奇数') : console.log('偶数');

// 条件：num%2 == 1
  // 2で割った余りが「1」と等しいか
  // 奇数の判定（負の整数が考慮されていないので不十分）
// true時：console.log('奇数')
// false時：console.log('偶数')

console.log('２回目の出力');
var message;
message = (num%2 == 1) ? '奇数' : '偶数';
// 1.代入しようとするけど右辺の値が決まっていない：保留
// 2.右辺の処理に三項演算子
  //   (num%2 == 1) ? '奇数' : '偶数';
  // 条件：num%2 == 1
  // true時：'奇数'
  // false時:'偶数'
// 3.決定した右辺の値を変数messageに代入
console.log(message);

if (num%2 == 1) {
  message = '奇数';
} else {
  message = '偶数';
}
console.log(message);

console.log('３回目の出力');
message = num%2 ? '奇数' : '偶数';
console.log(message);

var num = 3;

console.log('１回目の出力');
num%2 == 1 ? (
  console.log('奇数1'),
  console.log('奇数2')
) : (
  console.log('偶数1'),
  console.log('偶数2')
);

// functionは関数と呼ばれているもの
// よく使う処理をまとめておくもの
// ※13章で詳しく

// 「解答する」ボタンをクリックした時に呼び出される関数
function displayMessage(){
  var score = 0;  //得点管理用の変数
  var answer = [];  //ユーザの解答
  // 問１の解答を配列に代入
  answer[0] = document.getElementById('answer0').value;
  // 問２の解答を配列に代入
  answer[1] = document.getElementById('answer1').value;
  // 問３の解答を配列に代入
  answer[2] = document.getElementById('answer2').value;
　// 右辺
  // ◆ユーザ選択項目のvalue属性値を取得
  // id名をもとにセレクトボックスを特定
  // 選択した項目のvalue属性を参照
  // 右辺の値を左辺の配列に代入する

  // ユーザ解答確認用
  console.log(answer);

  score += (answer[0] == 1) ? 5 : 0;
  score += (answer[1] == 1) ? 3 : 0;
  score += (answer[2] == 1) ? 2 : 0;
  // 左辺：score
  // 演算子：+=（加算代入演算子）
  // 右辺：(answer[0] == 1) ? 5 : 0;

  // 1.加算代入演算子を実行したいが、右辺の値が確定していないので保留
  // 2.右辺((answer[0] == 1) ? 5 : 0;)の値を確定させる
  //   条件：answer[0] == 1
  //   true時：5　　false時：0
  //   数値の「5」か「0」が選択される
  // 3.保留になっていた加算代入演算子が実行される
　//    (scoreの値に得点分を加算代入(+=)される)

  document.getElementById('display1').innerHTML = score + '点';
  // ブラウザの特定箇所(id:display1)に特定を表示
}

<select id="answer0">
  <option value="0">選択</option>
  <option value="1">○</option>
  <option value="2">×</option>
</select>

answer[0] = document.getElementById('answer0').value;