DAY 89. JavaScript 배열 연습 문제 - 배열 내의 문자열 위치 찾기

 

 

 

 <!-- HTML 코드 -->
 
 
 	<fieldset>
        <legend>보기</legend>
        <label id="la1">사과,바나나,당근</label><br>
        <label id="la2">김밥,치즈,떡볶이,햄버거</label><br>
        <label id="la3">환타,사이다,콜라</label><br>
        <label id="la4">고양이,강아지</label><br>
	</fieldset>
	<br>
    <input type="text" placeholder="찾을 문자열을 입력하세요" size=100 id="text">
	
    <button onclick="test1();"> 전송 및 처리 </button>

 

 

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

function test1(){
    let text1 = document.getElementById('text').value;
    let la1 = document.getElementById('la1').textContent;
    let la2 = document.getElementById('la2').textContent;
    let la3 = document.getElementById('la3').textContent;
    let la4 = document.getElementById('la4').textContent;

    console.log(la1);
    console.log(la2);
    console.log(la3);
    console.log(la4);

    let str1 = la1 + ","+ la2 + ","+ la3 + ","+ la4;
    let str1List = str1.split(',');

    console.log(str1List);

    if (str1List.indexOf(text1) != -1) {
        alert(`입력하신 ${text1}의 위치는 ${str1List.indexOf(text1)} 번째 입니다.`);
    } else {
        alert('존재하지 않습니다.');
    }
};