JSFiddle - React, Tailwind, and code Playground

by Andrey

HTML

<div class="wrapper">
		<article>
			<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>
        <br>
        	<button id="button">Преобразовать</button>
				<br>
				<label for="str">Введите другую строку:</label>
				<input id="in2" name="str" type="text" placeholder="some text" required >
				<label for="res2">результат2:</label>
				<output id="res2"></output>
        <br>
        <button id="button2">метод 2</button>
			
		
			
			
		</article>
		
		<script>
					
	
	
		
			</script>

	
	</div>

JavaScript

document.getElementById('button').onclick = function(){
		var str = document.getElementById('in').value;
		var res = str.split('').reverse().join('');
		document.getElementById('res').innerHTML = res;
		}; 

		
		
			/* ====== ВАРИАНТ 2 ======== */
			
		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]));
				/*document.write((str2[j]));*/
				
			}
		}