Как вывести все элементы массива?

[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>

[рони]

vsenetak,
document.getElementById('res2').innerHTML += str2[j]

[laimas]

Потому, что содержание постоянно перезаписывается здесь

document.getElementById('res2').innerHTML = str2[j]; //скобки лишние

а последним и будет последний элемент массива.

[vsenetak]

Ух ты, как бы с одной стороны да, проблема решилась, спасибо! но появилась другая проблема, если я хочу ввести другое значение оно опять же конкатится с предыдущим, как это можно решить?

[рони]

как это можно решить?

подумать над строкой 36, бросая короткие взгляды на строку 39

[vsenetak]

Вставил в 36 строку

document.getElementById('res2').firstChild.remove();

или есть более правильный метод?

И подскажите ещё, пожалуйста, как удалить содержимое тега, два часа разбирался как применить document.getElementById('res2').removeChild(); так и не понял что должно быть в аргументе removeChild

[рони]

vsenetak,
строка 36

document.getElementById('res2').innerHTML = ''

[vsenetak]

А есть принципиальная разница между тем что я написал и что вы предложили? Или можно использовать любой вариант?

[ruslan_mart]

var elem = document.getElementById('res2');

while(elem.firstChild) {
    elem.removeChild(elem.firstChild);
}