프로그래밍언어/Java Script
-
Java Script 기초 - 출력방법, inner, write, alert, log, print프로그래밍언어/Java Script 2023. 4. 3. 21:02
JavaScript 출력방법 JavaScript는 다양한 방식으로 데이터를 출력할 수 있다 1. innerHTML을 사용하여 HTML 요소에 쓰기 2. document.write() 사용 3. window.alert()를 사용하여 경고상자에 작성 4. console.log() 사용 innerHTML HTML 요소에 액세스 하기 위해 JavaScript는 document.getElementById(id)메소드를 사용하고 id는 HTML요소를, innerHTML은 HTML의 내용을 말한다 id 가 demo인곳에 innerHTML로 인해 5+6으로 HTML코드가 변경이 되어 화면에 출력이 된다 document.write() document.write()는 테스트 목적으로 사용해야한다 HTML 문서가 작성된 이..
-
Java Script 기초 - 태그, 위치, 외부참조프로그래밍언어/Java Script 2023. 4. 3. 20:34
태그 사이에 삽입된다 의 자바스크립트 위의 예제에서 head 태그 안에 script 태그가 위치하고 Try it 버튼을 클릭하게 되면 A Paragraph 글자가 바뀌게 된다 의 자바스크립트 위의 예제에서 body 태그 안에 script 태그가 위치하고 Try it 버튼을 클릭하게 되면 A Paragraph 글자가 바뀌게 된다 외부 자바스크립트 스크립트는 외부 파일에도 배치할 수 있고 동일한 코드가 여러 웹 페이지에서 사용될 때 실용적이다 외부 스크립트는 태그를 포함할 수 없다 외부 자바스크립트 장점 외부 파일에 스크립트를 배치하면 몇 가지 이점이 있습니다. 1. HTML과 코드를 분리한다. 2. HTML 및 JavaScript를 더 쉽게 읽고 유지 관리할 수 있다 3. 캐시된 JavaScript 파일은..
-
Java Script 기초 - HTML + CSS 변경, 내용 숨기기, 내용 표현하기프로그래밍언어/Java Script 2023. 4. 3. 20:10
JavaScript는 HTML 콘텐츠를 변경할 수 있다 위 예제는 HTML 요소(id="demo" 포함)를 찾고 요소 콘텐츠(innerHTML)를 "Hello JavaScript"로 변경한다 즉, p태그의 id 값이 demo 이므로 이 p 태그안의 내용을 My First JavaScript로 바꿔준다는 말이다 자바스크립트의 내용을 빼고 출력해보면 위와 같은 결과를 얻을 수 있다 JavaScript는 HTML 스타일을 변경할 수 있다(CSS) 위 내용은 Click Me! 버튼을 누르게 되면 아래와 같이 id값이 demo인 HTML의 내용이 바뀌게 됩니다 JavaScript는 HTML 요소를 숨길 수 있다 위 내용은 Click Me! 버튼을 누르게 되면 아래와 같이 id값이 demo인 HTML의 내용이 di..