[HTML/Javascript] 자바스크립트로 HTML의 요소에 자식 요소 추가하기

자바스크립트로 HTML 요소에 자식 요소를 추가할 수 있다.부모요소.appendChild(자식으로 넣을 요소)버튼을 누르는 등의 이벤트가 발생했을 때, 새로운 요소를 추가함으로써 사용자에게 새로운 정보를 보여줄 수 있을 것 같다.const parent = document.getElementById("parent_element");const childElement = document.createElement("div");childElement.innerText = "요소가 새로 추가됐습니다!"parent.appendChild(childElement);다양한 활용 예시알림 메시지 표시사용자가 버튼을 눌렀을 때 화면에 알림 메시지를 표시하는 기능새로운 입력 폼 추가사용자가 버튼을 눌렀을 때 새로운 입력 포을 ..

• format_list_bulleted 웹 프로그래밍/기초
• · 2024. 6. 8.

[HTML/Javascript] 🖱️클릭 이벤트 처리 하는 방법

이나 나 무엇이든, html로 표현하여 웹에 보여지는 것들은 '클릭 이벤트'를 처리할 수 있다.이벤트리스너 설정하기(addEventListener)*HTML*Javascriptdocument.getElementById('id 이름').addEventListener('click', 실행할 함수);ex) document.getElementById('cell1').addEventListener('click', colorCilckedLocation)document.getElementById('cell1').addEventListener('click', colorCilckedLocation) 코드에서 함수 뒤에 괄호로 매개변수를 주지 않는 이유는 함수의 참조를 전달하기 위해서이다.괄호를 붙이면 함수가 즉시 실행되..

• format_list_bulleted 웹 프로그래밍/기초
• · 2024. 6. 1.