이렇게 생긴 버튼을 누르면 위,아래로 선택 가능한 옵션이 뜨는 버튼을 본 적이 있을 것이다. 이러한 버튼을 만드는 법은 select ~ option 을 사용하면 만들 수 있다. select의 기본 화살표 이미지는이렇게 생겼다. 맨 상단에 있는 select 처럼 화살표 이미지를 바꾸고 싶다면 CSS를 이용해주는 수 밖에 없다. select의 css에서 appearence를 none으로 지정해준 뒤에, background에서 url로 img 파일을 따로 설정해줘야 한다. 그러면 화살표 모양을 변경할 수 있다.

자바스크립트는 기본적으로 브라우저(크롬, 마이크로엣지, 웨일, 사파리 등)에 내장되어 있기 때문에 브라우저를 열어서 [마우스 오른쪽 클릭 -> 검사 -> 개발자도구의 console] 에서 코딩이 가능하지만, 여기서는 한 줄씩 밖에 코딩을 못하기 때문에, 정말 긴 프로그래밍이 필요한 경우 개발자도구에서 코딩을 하는 것은 불가능하다. 긴 코딩을 하고 싶다면 자바스크립트 파일을 만들어야 하는데, 이를 만들어내기에 유용한(긴 코딩에 유용한) 개발tool(VSCODE와 같은)을 사용하는 이유가 바로 이러한 이유 때문이다. 브라우저는 js, html, css를 모두 같이 인식하는데, 이 중 하나라도 없다면 우리가 알고있는 웹사이트와 같은 화면은 얻을 수 없다. 사용자가 화면에서 우리가 사용하고 있는 사이트와 같은 화면을 보게 하기 위해서는 이 3가지 언어가 모두 이용되어야 한다. 브라우저는 html을 열고, html(접착제)은 CSS(디자인)와 자바스크립