帶增量的 IF 語句，並顯示值

Question

我正在嘗試從id="wordcount"中增加值，並將值與id="running-summary-total中的現有值相加。當您增加 id="wordcountl" 中的值時，也會增加值id="running-summary-total"並添加並顯示id="running-summary-total"中的值

<div>
    <strong class="fa fa-dollar-sign">$</strong>
    <input type="text" readonly="readonly" name="" id="running-summary-total" value="0.00">
</div>

<input class="form-control input-number" type="number" name="wordcount" value="" min="1" max="100000000000" id="wordcount">

腳本

 var z = document.getElementById("wordcount").value;
    console.log(z)
    if (++z) {
     var d = 30;
     var wc = d + 4;
   document.getElementById("running-summary-total").value =  +wc;
}

我不知道我在哪里做錯了，因為腳本不起作用

Answer 1

由於您正在嘗試編輯readonly輸入，因此您首先需要刪除只讀屬性，然后才能進行任何更改。

這個問題本身很不清楚，例如d是什么？

這是你將如何改變它的要點。 請在下面發表評論並進行澄清，我可以為您更新。

function changeReadonlyInput(inpt) {
  console.log("new Value " + inpt.value);
  var total = document.getElementById("running-summary-total");
  total.readonly = false;
  var d = 30;
  var wc = d + 4;
  total.value = inpt.value + wc;
  total.readonly = true;
}

然后將oninput附加到您的<input>上的事件監聽器 oninput，如下所示。

演示

 function changeReadonlyInput(inpt) { console.log("new Value " + inpt.value); var total = document.getElementById("running-summary-total"); total.readonly = false; var d = 30; var wc = d + 4; total.value = inpt.value + wc; total.readonly = true; }

 <div> <strong class="fa fa-dollar-sign">$</strong> <input type="text" readonly="readonly" name="" id="running-summary-total" value="0.00"> </div> <input class="form-control input-number" type="number" name="wordcount" value="" min="1" max="100000000000" id="wordcount" oninput="changeReadonlyInput(this)">