[javascript]글자 나누기

한글자씩 글자 나누기(쪼개기)

let ex_text = '안녕하세요';
let p_ex = document.querySelector(".p_ex");//출력 될 태그 선택
ex_text.split('').forEach(char => {
    const charSpan = document.createElement('span')
    charSpan.innerText = char
    p_ex.appendChild(charSpan)
})

split함수는 글자를 나눠준다 ('')을 이용해 한글자씩 나눠준다 나눈 글자는 배열로 저장된다

forEach 함수로 처음부터 끝까지 반복 해준다

inline 태그인 span 태그를 만들어 준다

span 안에 한글자씩 입력해 준다

appendChild 함수로 한글자씩 출력해 준다

 

밑의 코드에서는 보기 쉽게 하기 위해서 span이 아닌 p태그로 했다

See the Pen Untitled by korearaogong (@korearaogong) on CodePen.