요소 접근 방법(간이 KakaoTalk 만들어보기)

자 이제  요소 접근 방법을 사용해서 간단하게 카카오톡을 만들어보자!

우선 html 파일 head 태그 안에 style 을 지정해줘야하는데

스타일 지정은 위의 사진처럼 지정해 주자!(카카오톡 색과 동일!)

그 다음 html 파일 body태그 안에서 코드를 작성해줄껀데 코드는 아래 사진과 같다!

이렇게 작성해준 뒤 js파일을 만든뒤 js 코드를 작성하여 적용을 시켜보자 코드는 아래 사진과 같다

그 뒤에 라이브 서버를 열어서 확인해보면

이렇게 작성되는것을 볼수 있다!! js파일에서 입력한 코드처럼 엔터를 누르면 메시지가 입력되고

계속 작성해도 스크롤이 따라가서 카카오톡 처럼 보인다!!