Я хочу создать простое поле ввода, которое затем вычисляет 80% по мере ввода, но без использования формы

Question

Я не знаю, как выбрать значение из поля ввода, если я не использую форму ...
Поэтому я хочу повторить следующее, но без использования тегов формы ...

<form action="#" name="myconvert">
100% of value = 
<input type="text" name="percent100" 
onkeyup=" document.myconvert.percent80.value = Math.round((0.8 * document.myconvert.percent100.value)*100)/100" />
so 80% = <input type="text" name="percent80" disabled />

Пожалуйста, помогите

Answer 1

<input type="text" name="percent100"  
onkeyup=" document.getElementById('percent80').value = Math.round((0.8 * document.getElementById('percent100').value)*100)/100" /> 
so 80% = <input type="text" name="percent80" disabled /> 

Answer 2

Вы можете пропустить теги формы, просто позвольте Javascript ориентироваться на тег ввода с определенным идентификатором.

Type your value here <input id="source" type="text"><br/>
<br/>
<span id="result"></span>

<script type="text/javascript" language="javascript" src="jquery.min.js"></script>
<script type="text/javascript">
    $('#source').keyup(function(){
        $('#result').html( parseFloat($(this).val()) * 0.8 );
    });
</script>

Answer 3

Использование jQuery:

<input type="text" id="txt" onKeyUp="show80()" />
<div id="show"></div>
<script type="text/javaScript">
function show80(){
        $('#show').html($('#txt').val()*0.8);
}
</script>

Answer 4

Укажите для ввода идентификатор, например <input type="text" id="percent80" />, затем используйте document.getElementById('percent80').value = ...