본문 바로가기

Study/Code Review

DAY 90. JavaScript 배열 연습 문제 - reverse(), concat() 활용

 

 

 

 <!-- HTML 코드 -->
 
 	<fieldset>
        <legend>보기</legend>

        <label id="stringla1">k b</label><br>
        <label id="stringla2">e v o l</label><br>
    </fieldset>

 

 

// 2번 <내가 작성한 코드>

function test2(){
    let stringla1 = document.getElementById('stringla1').textContent;
    let stringla2 = document.getElementById('stringla2').textContent;

    console.log(stringla1);
    console.log(stringla2);
    
    // let la1List = stringla1.split("").reverse();
    let la1List = stringla1.split(' ').join('');
    let arr1 = la1List.split("").reverse();
    // let reverseArr1 = arr1.reverse();

    console.log(la1List);
    console.log(arr1);
    // console.log(reverseArr1);
    
    // let la2List = stringla2.split("").reverse();
    let la2List = stringla2.split(' ').join('');
    let arr2 = la2List.split("").reverse();

    console.log(la2List);
    console.log(arr2);

    // let result = la1List.concat(la2List);
    let result = arr1.concat(arr2);

    console.log(result);
    console.log(typeof(result));  // string

    // p1.innerHTML = `정답 : "${result.join()}"`;
    p1.innerHTML = `정답 : "${result.join("")}"`;


};