[DAY008] caluculate-script.html

<script>
  ($function () {
      var $test; 　　　　// 各テキストボックスに入る数値を順番に格納する配列
      var $result; // 計算結果を格納する変数
   
      // 同じクラス名の値をeachで取得する
      $('.test').each(function (i) {
        // １.テキストボックスへの入力をトリガーにする
        $(this).keyup(function () {
          // それぞれのテキストボックスに入った値を取得
          $test[i] = ParseInt($(this).val());
        });
        // 配列に格納したそれぞれのテキストボックスの値で計算
    　　　　　　　　for (var $val of $test) {
             $result += $val;
        }
        $('.caluculate').text($result);
      });
   });
</script>