7/13 本日の学習内容

JavaScript/HTML/CSSを使用した簡単な電卓を作ろう

模写したコード(JS編)

function get_calc(btn) {

  // ”＝”を押した時の挙動
  //
  if (btn.value == '=') {
    document.dentaku.display.value = eval(document.dentaku.display.value);
  } else if (btn.value == 'C') {
    document.dentaku.display.value = "";
  } else {
    if (btn.value == '×') {
      btn.value = '*';
    } else if (btn.value == '÷') {
      btn.value = '/';
    }

    // 
    document.dentaku.display.value += btn.value;

    // ボタンの見た目を変化させる
    document.dentaku.multi_btn.value = '×';
    document.dentaku.div_btn.value = '÷';
  }
}

出力結果

新しく覚えたこと

eval()

文字列として渡された式を、JavaScriptのコードとして実行する関数。危険らしい？

次は実際に自分で電卓をコーディングします