Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Замена данных (https://javascript.ru/forum/misc/56871-zamena-dannykh.html)

nikto93i7 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;">

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

Deff 07.07.2015 19:17

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

nikto93i7 07.07.2015 19:22

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

salexseen 07.07.2015 19:46

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

KosBeg 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 минут... :cray:

nikto93i7 07.07.2015 21:46

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


Часовой пояс GMT +3, время: 05:27.