Форум

vitalique · #1 (**permalink**) 13.06.2015, 11:42

в общем такое чтоб получилось, очень буду благодарен))

.1 вводишь сумму Х....... 2 окно должно будет х*1.03 ........3 окно х*1.15....

Decode · #2 (**permalink**) 13.06.2015, 16:52

<!doctype html>
<html>
<head>
  <meta charset="utf-8" />
  <title></title>
</head>
<body>
  <label for="sum">Введите сумму: </label>
  <input type="text" placeholder="0" id="sum" /><br />
  <label for="sum">3%: </label>
  <input type="text" placeholder="0" id="sum1" readonly="true" /><br />
  <label for="sum">12%: </label>
  <input type="text" placeholder="0" id="sum2" readonly="true" />
  
  <script>
    var sum = document.getElementById('sum'),
        sum1 = document.getElementById('sum1'),
        sum2 = document.getElementById('sum2');
    
    sum.addEventListener('input', function() {
      this.value = this.value.replace(/\D/g, '');
      sum1.value = Math.round( this.value * 1.03 );
      sum2.value = Math.round( this.value * 1.15 );
    });
  </script>
</body>
</html>

vitalique · #3 (**permalink**) 13.06.2015, 17:54

о, спасибо))

а что нужно убрать чтоб получилось вот так!

Decode · #4 (**permalink**) 13.06.2015, 22:05

<!doctype html>
<html>
<head>
  <meta charset="utf-8" />
  <title></title>
  <style>
    p { margin: 0; }
  </style>
</head>
<body>
  <label for="sum">Введите сумму: </label>
  <input type="text" placeholder="0" id="sum" /><br />
  <p>3% <span id="sum1">0</span></p>
  <p>15% <span id="sum2">0</span></p>
  
  <script>
    var sum = document.getElementById('sum'),
        sum1 = document.getElementById('sum1'),
        sum2 = document.getElementById('sum2');
    
    sum.addEventListener('input', function() {
      this.value = this.value.replace(/\D/g, '');
      sum1.innerHTML = Math.round( this.value * 1.03 );
      sum2.innerHTML = Math.round( this.value * 1.15 );
    });
  </script>
</body>
</html>

vitalique · #5 (**permalink**) 14.06.2015, 00:48

cпасибо большое) выручили

но вот все же , ввожу 10 (в первой строке 3%) счет не идет

caetus · #6 (**permalink**) 14.06.2015, 04:15

Math.round смени на (this.value * 1.15).toFixed(2)

vitalique · #7 (**permalink**) 15.06.2015, 21:02

спасибо!

Форум

Справочник

Discord чат

Курсы javascript