[vsenetak]

Имеется скрипт, который выводит строку в обратном порядке https://jsfiddle.net/energy1/r1o05utf/3/ (смотреть второй скрипт), при выводе результата методом document.write((str2[j])); выводится правильно, а при нормальном выводе document.getElementById('res2').innerHTML = ((str2[j])); выводится только последний элемент массива. Подскажите, пожалуйста, как правильно вывести все элементы?

<h2>
	Здача №1
</h2>
	
<p>
	Вывести строку в обратном порядке
</p>
	
	
	<label for="str">Введите строку:</label>
	<input id="in" name="str" type="text" placeholder="some text" required >
	<label for="res">результат:</label>
	<output id="res"></output>
		
	<label for="str">Введите другую строку:</label>
	<input id="in2" name="str" type="text" placeholder="some text" required >
	<label for="res2">результат:</label>
	<output id="res2"></output>
	<br>
		<button id="button">Преобразовать</button>
		<br>	
		<button id="button2">метод 2</button>
	
<script>
			/*Первый вариант*/
	document.getElementById('button').onclick = function(){
		var str = document.getElementById('in').value;
		var res = str.split('').reverse().join('');
		document.getElementById('res').innerHTML = res;
		};


			/*===Второй вариант===*/
		*!*
	document.getElementById('button2').onclick = function(){
			var str2 = document.getElementById('in2').value;
			
			for(j=str2.length-1; j>=0;  j--){
				var res2 = ((str2[j]));
				document.getElementById('res2').innerHTML = ((str2[j]));				
			}
		};
*/!*

</script>