JavaScript 배열 실습 문제 2

보기의 값을  "brlove" 로 출력하기

  <fieldset>
        <legend>보기</legend>
        <label id="stringla1">r b</label><br>
        <label id="stringla2">e v o l</label><br>
    </fieldset>
    <br>
    <div id="area" style="border: 1px solid red; height: 20px;">이 부분에 정답이 출력될 수 있도록 하세요 </div>
    <button onclick="reverseTest();">처리</button>
    <script>
        function reverseTest(){
           const area = document.getElementById("area"); 
           
            const arr1 = document.getElementById("stringla1").innerHTML.split(" ").reverse();
            const arr2 = document.getElementById("stringla2").innerHTML.split(" ").reverse();
            const arr = arr1.concat(arr2);

            area.innerHTML = arr.join("");

        }
    </script>

>> label안의 문자열을 split (" ") (공백) 으로 나눈후 reverse()를 사용해 배열의 값 뒤집기 
   배열에 담아 두개의  배열을 concat()으로 합침

   join('")을 사용해 하나의 문자열로 출력 

  

---

보기

r b
e v o l

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