JavaScriptで、上書きされてほしくない要素が上書きされてしまう

Question

やりたいこと

Dの位置に　A ➗ ((1 + C)にBを乗じた数)　を表示させたいのですが、結果を表示すると同時にCが（1＋C）の値に上書きされてしまいます。
Dに結果を表示させたまま、Cを上書きされないようにするにはどのように変えたらよいのでしょうか。

<!-- 省略 -->
  <div class="input">
    <label class="form-label"> A </label>
    <input id = "asset-retirement-cost" type="cost" class="form-control" placeholder="JPY'000">
    <label class="form-label"> B </label>
    <input id = "year-of-use" type="cost" class="form-control" placeholder="例）5"> 
    <label class="form-label"> C（％）</label>
    <input id = "interest" type="cost" class="form-control" placeholder="例）1"> 
    <button type="button" id="button">計算</button>
    <label class="form-label">結果</label>
    <u class="present-value" id="present-value">
D
    </u> 
  </div>
<!-- 省略 -->

window.addEventListener('load', function(){
  const cost = document.getElementById("asset-retirement-cost");
  const year = document.getElementById("year-of-use");
  const interest = document.getElementById("interest");
  const button = document.getElementById("button");
  const presentValue = document.getElementById("present-value");

  button.addEventListener('click', function() {
    const inputCost = cost.value; 
    const inputYear = year.value;
    const inputInterest = interest.value;
    presentValue.innerHTML =  Math.floor(inputCost/((++inputInterest.value)**inputYear)).toLocaleString(); 
  })
});

試したこと

先にCの値を定義してみてもだめでした。

Answer 1

解決方法

演算子「*」「/」「-」は普通に使えますが、足し算「+」をしたいときは、parse()で文字列を数値に変換する必要がある。parse()には用途によって種類があり、整数を扱うときはparseInt()、実数を扱うときはparseFloat()を使う。

const inputInterest = interest.value;
const num = 1;

console.log(parseFloat(inputInterest) + parseFloat(num));

これで正しく算出されることがわかりました。

Answer 2

なにをやりたいかはわかりませんが

++$interest.value

$interestのvalueをインクリメントしているからでしょう

Comments

[K_Chi]

valueを外すとエラーになってしまうので、どう書き換えればよいのかがわからない状況です。

[yambejp]

間違った式が提示されているのでa,b,c,dの関係がわかりません
具体的にどういう計算根拠を想定しているのでしょうか？