JavaScript 배열 실습 문제 3

문자열을 여러개 입력받아 출력버튼 클릭시 입력했던 모든 문자열이 출력되도록 만들기

<fieldset>
    	<legend>입력</legend>
    	<input type="text" id="strInput"><button onclick="input()">입력</button>
	</fieldset>
	<br>
    <p style="border:1px solid red;" id="print2">이 부분에 정답이 출력 될 수 있도록 하세요</p>
	<div id="result1"> </div>
	<button onclick="printTest();">출력</button>

	<script>

		const data = new Array(); // 전역변수로 빈 배열 선언해두고
    	
    	function input(){
        	const strInput = document.getElementById("strInput");
        	data.push(strInput.value);
        	strInput.value="";
    	}   
    	
    	function printTest(){
        	const print2 = document.getElementById("print2");
        	print2.innerHTML = data.join();
    	}
    </script>

>> 두개의 함수에서 모두 배열을 사용할 수 있도록 전역변수로 선언,
     입력버튼 클릭시 입력한 값들이 배열에 담기도록 push메소드 사용
     출력버튼 클릭시 배열에 담긴 값들을 출력 

---

입력

이 부분에 정답이 출력 될 수 있도록 하세요