JSFiddle - React, Tailwind, and code Playground

by jun68ykt

HTML

<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<form name="price_form">
  se01_b:<input id="se01_b"><br />
  se01_c:<input id="se01_c"><br />
  <input type="submit" value="計算" />
</form>
<hr />
tsubo: <span id="tsubo"></span>
<br />
kingaku: <span id="kingaku" ></span>

JavaScript

var form = document.forms.price_form;

form.addEventListener('submit', function(e){
  e.preventDefault();
  price();
});


function price() {
    var se01_b = document.getElementById('se01_b').value;
    var se01_c = document.getElementById('se01_c').value;
    var tsubo = parseInt(se01_b) * 0.3025;
    var kingaku = parseInt(se01_b) * 0.3025 * parseInt(se01_c);
    
    document.getElementById('tsubo').innerHTML = isNaN(tsubo) ? "" : tsubo;    
    document.getElementById('kingaku').innerHTML = isNaN(kingaku) ? "" : kingaku.toLocaleString('ja-JP');
};