Jam's story

스타일 변경 버튼을 클릭하면 demo라는 아이디의 p태그의 스타일 속성을 글자색 빨강 글크기 35px 테두리 1px solid gray 변경 스타일변경 Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur labore suscipit et debitis dignissimos impedit qui, minima perspiciatis delectus eaque atque quos ratione praesentium non. Tempore quasi dolor architecto. Beatae.

성별 남자 여자 성별 확인 남자 HTML 삽입 미리보기할 수 없는 소스

이러한 방식으로 추가를 한다. 전체코드 html js/ex01.html h2 js 스크립트안에 태그 html 원하는 수 만큼 script 태그를 사용해도 된다. 디스플레이 속도 늦추지 않게 body 닫기태그 위에한다. myScript.js document.write("외부 스크립트 파일입니다. "); function myAlert(message){ window.alert(message); } /* 외부스크립트 장점 html코드와 분리 유지보수확장이 용이 캐싱외부 스크립트 파일은 페이지 로드 속도를 높일 수 있다. */

버튼 두개로 전구 불 키고 끄기 ex01_03 html 요소 속성변경 trun on turn off 버튼 하나로 처리 ex01_04 하나의 버튼으로 불 끄고 켜기 Turn on 스위치변수를 사용하여 전구 불 끄고 키기 삼항연산자 다시풀어보기 ex01_03 html 요소 속성변경 trun on turn off

1번째 방법 2번째 방법 HTML 삽입 미리보기할 수 없는 소스

Click to show panel Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi ipsam necessitatibus dignissimos culpa quibusdam placeat quas officiis aspernatur dolore laudantium aperiam doloremque magni. Eaque beatae vero fugit? Architecto in ea. Amet et omnis iste nulla beatae possimus voluptate facilis ipsum sint ducimus eius ad harum eaque neque deleniti quasi tempora voluptas eum accusa..

스크립트를 이용해서 동적인 버튼 만들기 1번째 방법 2번째 방법 버튼 누르면 버튼10개 생성 버튼 jquery 이용 HTML 삽입 미리보기할 수 없는 소스