자바스크립트3 JavaScript 위치 태그 사이에 삽입됩니다. document.getElementById("demo").innerHTML = "My First JavaScript"; JavaScript in Body 위의 코드를 실행하면 아래 그림과 같다. JavaScript Function과 Events HTML 문서에 원하는 개수의 scripts 를 배치할 수 있습니다. 스크립트는 HTML 페이지의 또는 섹션에 배치하거나 둘 다에 배치할 수 있습니다. 버튼을 클릭하면 다음과 같이 함수가 호출됩니다: function myFunction() { document.getElementById("demo").innerHTML = "Paragraph changed."; } Demo JavaScript in Head A Paragraph Try it .. 2024. 3. 29. JavaScript 개요 JavaScript 는 HTML 컨텐츠를 변경할 수 있다. 많은 자바스크립트 HTML 방법 중 하나는 getElementById()입니다. 아래의 예제는 HTML 요소(id="demo" 포함)를 finds하고 요소 콘텐츠(내부 HTML)를 "Hello JavaScript"로 변경합니다: document.getElementById("demo").innerHTML = "Hello JavaScript"; What Can JavaScript Do? JavaScript can change HTML content. Click Me! 처음 실행화면입니다. 'Click Me!' 버튼을 클릭하면 아래 그림과 같이 변경이 된다. 자바스크립트는 두 개의 따옴표와 한 개의 따옴표를 모두 허용합니다: document.getEl.. 2024. 3. 28. HTML 자바스크립트(Javascript) JavaScript는 HTML 페이지를 보다 역동적이고 상호 작용적으로 만든다. HTML 자바스크립트의 묘미 다음은 JavaScript가 수행할 수 있는 몇 가지 예이다: 나의 처음 자바스크립트 JavaScript는 HTML 요소의 내용을 변경할 수 있습니다: Click Me! 이것은 자바스크립트 예제입니다. 자바스크립트 예제(스타일변경) JavaScript는 HTML 요소의 스타일을 변경할 수 있습니다. Click Me! [Click Me]버튼을 클릭하면, 자바스크립트(요소 스타일 변경) 여기서 JavaScript는 이미지의 src(소스) 속성 값을 변경합니다. Light On Light Off [Light off] 버튼을 클릭했을 때] [Light on] 버튼을 클릭했을 때] HTML JavaScri.. 2023. 5. 22. 이전 1 다음
