본문 바로가기

Study/Code Review

DAY 91. JavaScript 배열 연습 문제 - 입력 받은 문자열로 배열 만들기

 

 

 

 

<!-- HTML 코드 -->

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

    <button onclick="test3();">출력</button>

 

// 3번 <내가 작성한 코드>
let strInputList = new Array();

function input(){
    
    let strInput = document.getElementById('strInput');
    
    strInputList.push(strInput.value);
    
    strInput.value = '';
    
    console.log(strInputList);
};

function test3(){
    let p2 = document.getElementById('p2');
    p2.innerHTML = `출력 : "${strInputList.sort().reverse()}"`;

};