CHAPTER 2 036 문자열 합치기

예시 1) 대입 연산자 + 사용

const first = '밈미';
const second = '내꺼';
console.log(first + second); // 결과 : 밈미내꺼 

예시 2)

const first = '밈미';
const second = '내꺼';
console.log(`${first} ${second}`); // 결과 : 밈미내꺼 

[성과 이름 합쳐 표기하기]

<div class="name_container">
        <label>성<input id="familyNameText" class="text" type="text"></label>
        <label>이름<input id="firstNameText" class="text" type="text"></label>
    
    </div>
    <p id="fullName"></p>

// 성 입력하는 input
const familyNameText = document.querySelector('#familyNameText');

// 이름 입력하는 input
const firstNameText = document.querySelector('#firstNameText');

// 이름 전체 나오는 곳 
const fullName = document.querySelector('#fullName');

// 입력할 때마다 onKeyUp 함수 실행
familyNameText.addEventListener('keyup',onKeyUp);
// 입력할 때마다 onKeyUp 함수 실행
firstNameText.addEventListener('keyup',onKeyUp);

// onKeyUp 함수 정의
function onKeyUp() {
  // value 값을 저장 
  const familyName = familyNameText.value;
  const firstName = fistNameText.value;
  // fullName 에 아래 내용을 추가한다. 
  fullName.innerHTML = `${familyName} ${firstName}`;
}

결과