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);
  });
});

/*ボタン*/
.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;
}

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

$(function() {
  /*モーダルを起動するボタンのクラス「modal-open」をクリックしたら */
  $('.modal-open').on('click', function(){ 
      /* bodyにモーダル背景の黒い要素を追加させる（append() メソッド）*/
      $('body').要素追加メソッド('<div class="modal-overlay"></div>');
      
      /* モーダルコンテンツ要素とオーバーレイ要素の2つをフェードインで表示 */
      $('クラス名1, クラス名2').フェードインメソッド('速度指定');

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

      /* モーダルが起動したときや、ウィンドウをリサイズしたら再計算させる*/
      modalResize();

      function modalResize(){
        /* ウィンドウの幅と高さを取得し、変数に入れる */
        var w = $(window).width();
        var h = $(window).height();

        /* モーダルの幅と高さ（事前にcssで指定済み）を取得し、変数に入れる */
        var cw = $('クラス名').outerWidth();
        var ch = $('クラス名').outerHeight();

        /* 取得した数値をモーダルのcssに追加する */
        $('クラス名').css({
        　/* モーダル要素のcssにleftとtopプロパティを追加 */
          'left' : ((w - cw)/2) + 'px',  /*（全体幅-モーダル幅)÷2 */
          'top'  : ((h - ch)/2) + 'px'
        });
      }

  });
});

<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').on('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>