Сложение, вычитание и деление одновременно на JavaScript - PullRequest
Новая
       18

Сложение, вычитание и деление одновременно на JavaScript

0 голосов
/ 30 октября 2019

У меня есть это текстовое поле: 

<div class="form-group">
  <label>Enter Sum of Cleared</label>
  <input type="text" name="sum_cleared" id="sum_cleared" class="form-control" />
</div>

Я хочу разделить sum_cleared на 0,85, затем умножить результат на 0,94 и вычесть его из исходного значения, которое напечатано в sum_cleared, и показать окончательный результат в:

<div class="form-group">
  <label>Sum of Total</label>
  <input type="text" name="sum_total" id="sum_total" class="form-control total" readonly/>
</div>

Я хочу сделать это динамически, используя события onchange и oninput, чтобы он обновлял значение sum_total, когда пользователь вводит значение в sum_cleared.

Какой самый простой способ выполнитьэто?

Большое спасибо

Ответы [ 2 ]

3 голосов
/ 30 октября 2019

Я смог сделать это, выполнив следующее: 

<div class="form-group">
    <label>Enter Sum of Cleared</label>
    <input type="text" name="sum_cleared" id="sum_cleared"
           class="form-control"
           oninput="GetTotal(this.value)" onchange="GetTotal(this.value)"/>
</div>
<div class="form-group">
    <label>Total Commission</label>
    <input type="text" name="sum_total" id="sum_total"
           class="form-control total" readonly/>
</div>

Затем добавив небольшой скрипт: 

<script type="text/javascript">
function GetTotal(valNum) {
    document.getElementById("sum_total").value=valNum/0.85*0.94-valNum
}
</script>
0 голосов
/ 30 октября 2019

вы можете сделать как: 

const input = document.querySelector('#sum_cleared');
const output = document.querySelector('#sum_total');


input.addEventListener('input', update);
input.addEventListener('change', update);

function update() {
   const updated = input.value - ((input.value / 0.85) * 0.94);
   output.value = updated;
}
 <div class="form-group">
                    <label>Enter Sum of Cleared</label>
                    <input type="text" name="sum_cleared" id="sum_cleared" class="form-control" />
</div>
 <div class="form-group">
                    <label>Sum of Total</label>
                    <input type="text" name="sum_total" id="sum_total" class="form-control total" readonly/>
                </div>
...