var 変数名 = 1;     /*数値*/
var 変数名 = "CRI"; /*文字列*/

足し算してみる

$(function(){
  $('#calc').change(function(){       /* changeメソッド = #calc内のinputが入力されたら */
    var numA = parseInt( $('.number_A').val() );  /* $(クラス名).val() でinput内の文字を取得できる */
    var numB = parseInt( $('.number_B').val() );  /* parseInt(文字) parseIntで文字が数値になる */
    $('#number_total').text(numA + numB);         /* textメソッドで対象のidに文字列を出力 */
  });
});

   +
   =
  

問題：上記を踏まえて、整数の円周を計算できる計算機を作ってみましょう。

function tax(price) {
  var TAX = 0.08;
  var floatTax = price * TAX;  /* ←この部分 */
  return Math.round(floatTax);
}

function tax(price) {
  var TAX = 0.08;
  var floatTax = price * FAX;  /* TAXの記述ミス */
  return Math.round(floatTax);
}

console.logをブラウザの開発ツールを使って確認

   消費税:  円

$(function(){
  $('#tax_console').change(function(){
    var num = parseInt( $('.ex_price_console').val() );

      var floatTax = num * 0.08; /* コンソール用の式 */
      console.log(floatTax);

    var t = tax(num);
    $('.ex_tax_console').text(t);
  });
});

<div class="modal-open">モーダル起動!</div>
<div class="modal-content">モーダルウィンドウ</div>

.modal-open{
  padding:20px;
  border: 1px solid #000;
  display:inline-block;
}
.modal-content {
  display: none;
  position: fixed;
  width: 80%;
  height:200px;
  padding: 10px 20px;
  color: #333;
  background: #ccc;
  overflow-y: auto;
  border-radius: 1em;
  z-index: 100;
}
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 99;
}

$(function() {
  $('クラス名').('クリックメソッド', function(){  /* クラス名をクリックしたら */
    $('body').要素追加メソッド('<div class="modal-overlay"></div>');  /* bodyにオーバーレイの要素を追加 */
    $('クラス名1, クラス名2').フェードインメソッド('速度指定');  /* モーダルコンテンツ要素とオーバーレイ要素をフェードイン */

    $('クラス名').クリックメソッド(function(){                   /* オーバーレイをクリックしたら削除する機能 */
      $('クラス名1, クラス名2').フェードアウトメソッド('速度指定',function(){  /* モーダルコンテンツ要素とオーバーレイ要素をフェードアウトし、*/
        $('クラス名').削除メソッド() ;                           /* オーバーレイ要素を削除*/
      });
    });

    modalResize();                          /* モーダル起動&リサイズしたら、再計算させる*/

    function modalResize(){                 /* 関数を設定　*/
      var w = $(window).width();            /* ウィンドウの横幅、高さを取得し、変数に入れる */
      var h = $(window).height();
      var cw = $('クラス名').outerWidth();  /* モーダルコンテンツの表示位置を取得し、変数に入れる */
      var ch = $('クラス名').outerHeight();
      $('クラス名').css({                   /* 取得した数値をモーダルコンテンツにcssを付与 */
        'left' : ((w - cw)/2) + 'px',       /* cssのleftプロパティ */
        'top'  : ((h - ch)/2) + 'px'        /* cssのtopプロパティ */
      });
    }

  });
});

<script>
$(function() {
  $('.modal-open').on('click', function(){
    $('#contents').css('filter', 'none');
    $('body').append('<div class="modal-overlay"></div>');
    $('.modal-content, .modal-overlay').fadeIn('slow');

    $('.modal-overlay').click(function(){
      $('.modal-content, .modal-overlay').fadeOut('slow',function(){
        $('.modal-overlay').remove() ;
      });
    });

    modalResize();

    function modalResize(){
      var w = $(window).width();
      var h = $(window).height();
      var cw = $('.modal-content').outerWidth();
      var ch = $('.modal-content').outerHeight();
      $('.modal-content').css({
        'left' : ((w - cw)/2) + 'px',
        'top'  : ((h - ch)/2) + 'px'
      });
    }
  });
});
</script>