Анимированная строка в инпуте
 

Суть задачи в том, что есть два инпута, в одном инпуте вводиться строка, во втором инпуте она с анимацией выводится. Попробовал реализовать, но моя идея не сработала. Отладчик ругается на условие if. И еще подскажите, пожалуйста, как реализовать дополнительно остановку и старт анимации по нажатию на кнопки?

<script>
        var speed = 100;
        var i = 0;
        function line() {
            var test = document.getElementById('test');
			var value = test.value;
            console.log(value);
           if (i++ < value.length) document.getElementById('result') = value.substring(0, i);
            else {
                //document.getElementById('result') = " ";
                i = 0;
            }
            to = setTimeout("line()", speed);
        }
	</script>
	<input type="text" value="" placeholder="Введите строку!" id="test">
	<input id = "result" value = "Здесь появится результат." disabled>
	<button onclick="line()">Нажми</button>

MrFlatman,
в строке 8 не хватает метода

MrFlatman,
в строке 10 таже ошибка

рони,
Свойства

j0hnik,
ок Свойства :)

Я кажись понял, в 8 сроке все решается добавлением .value
И тогда все начинает работать :)

MrFlatman,
:dance:

MrFlatman,
набор-текста