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 />
</form>
<hr />
tsubo: <span id="tsubo"></span>
<br />
kingaku: <span id="kingaku" ></span>

JavaScript

var se01cInput = document.getElementById('se01_c');

se01cInput.addEventListener('input', function(e) {
  var value = Number(e.target.value.replace(/[^0-9]/,''));
  se01cInput.value = isNaN(value) || !value ? "" : value.toLocaleString('ja-JP');
  
  price();
});

function price() {
    var se01_b = document.getElementById('se01_b').value;
    var se01_c = document.getElementById('se01_c').value.replace(/[^0-9]/,'');
        
    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');
}