하루의 일상💜

자바스크립트 코드로 HTML 요소를 웹 페이지에 직접 삽입하여 출력할 수 있다. 웹 브라우저 화면에서 출력을 담당하는 document.write()문이 있다. 항상 HTML의 태그 안에서 출력을 하며 눈으로 확인했었지만 사용자에게 메세지를 출력하거나 입력을 받을 수 있는 다이얼로그에 대해 알아보겠다. 프롬프트 다이얼로그 prompt() 텍스트필드가 있는 작은 창이다. 입력 메세지와 디폴드값을 설정할 수 있다. 메세지 : "이름을 입력하세요." 디폴드값 : "한글로만 작성" //디폴트값은 생략이 가능하며 작성하지 않을 시에는 " " 빈 문자를 리턴한다. 확인 다이얼로그 confirm() 확인/취소 버튼을 가진 다이얼로그이다. 확인은 true, 취소나 강제로 닫을 시에는 false를 리턴한다. 선택한 결과에..

html 태그 안에서 스크립트 언어를 사용해 보았다. 처음 이미지는 별에서 마우스는 하트로 변하는 효과를 주었다. 또 마우스는 뗄 때에는 별 이미지를 다시 주었다. 여기서 onmouseover : 마우스를 올릴 때 onmouseout : 마우스를 뗄 때 마우스를 올려보세요. 이것을 응용하여 배경색 변경의 효과도 줄 수 있다. 초반 배경색은 흰색이지만 마우스를 올렸을 때 색을 바꿀수도 있다. 마우스를 올려주세요 클릭!