【18日】きょうの学習ログ

きょうの学習内容

• もくもく会開催
• Javascript実践課題：電卓の提出＆修正

小数点の不正入力

let output_sub = document.getElementById('output_sub');//計算結果を表示する場所
     const output_total = document.getElementById('output_total');//計算過程を表示する場所
     let total = 0;//計算式を表す変数 
     let state = 'start';//最初の状態を定義
     let mode = 'integer_mode'; //最初は整数入力モード
     //  変数modeに、整数入力中integer_mode、小数入力中decimal_modeを定義します。
     
     // 「.」小数点ボタンを押した時
     const point = document.getElementById('point');
     point.addEventListener('click', () => {
      console.log(point.dataset.indexId);
     
      // point.dataset.indexId = 小数点でした
      // トータルに小数点を含まない場合
      if (!total.toString().includes(point.dataset.indexId)){
       // トータルに小数点を追記する
       total += point.dataset.indexId;//(2)「.」を入力
      }

      console.log(total);
      output_sub.textContent = total;
      state = 'calculation'//数字を入力している状態にする。
      mode = 'decimal_mode'; //小数入力モードに変更
     }) //click

感想

もくもく会で先輩方に助言もらって、モチベ上がった！