Форум

nikto93i7 · #1 (**permalink**) 07.07.2015, 19:08

Доброго времени суток!!!

Прошу помощи т.к. уже 3-й день не могу найти ответ на свой вопрос. Как сделать так, чтоб при заполнении в html строки <input class="input_style" name="term" type="text" value="" style="text-align: right;"> (где значение value="" введено в реальном времени человеком), будет умножаться на 8 и делиться на 3,4. Затем (без перезагрузки страницы) значение будет выводиться в другой строке <input class="input_style2" name="term2" type="text" value="" style="text-align: right;">

Счастье в карму тому кто поможет!)

Deff · #2 (**permalink**) 07.07.2015, 19:17

А каков признак завершения ввода ? Очевидно нужна еще кнопка или форма(для срабатывания по энтер)

nikto93i7 · #3 (**permalink**) 07.07.2015, 19:22

хотелось бы без кнопки, а срабатывало бы от фокуса на поле ввода

salexseen · #4 (**permalink**) 07.07.2015, 19:46

http://codepen.io/anon/pen/JdLBYL

KosBeg · #5 (**permalink**) 07.07.2015, 20:08

Примерно так

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
 </head>
 <body>

<input id='term' class="input_style" name="term" type="text" value="" style="text-align: right;">
<input id='term2' class="input_style2" name="term2" type="text" value="" style="text-align: right;">
    
<script type="text/javascript">
term = document.getElementById('term');
term2 = document.getElementById('term2');

term.onkeyup = function(e){
	term2.value = term.value * 8 / 3.4;
};
</script>

 </body>
</html>

UPD: блин... опоздал на 20 минут...

nikto93i7 · #6 (**permalink**) 07.07.2015, 21:46

Ухты!!)) Спасибо! Все было дело в двух строчках!))

Форум

Справочник

Discord чат

Курсы javascript