Суть задачи в том, что есть два инпута, в одном инпуте вводиться строка, во втором инпуте она с анимацией выводится. Попробовал реализовать, но моя идея не сработала. Отладчик ругается на условие 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>
