728x90 반응형 IT 개발/web 개발2 javascript - HTML 첫번째 '클릭' 이벤트 리스너 추가하기 이번엔 HTML의 요소를 클릭했을 때 내용이 변경 될 수 있도록이벤트 리스너(eventlistener)를 추가해보자 Click me!이렇게 간단하게 작성 한 후 let paragraphElement = document.querySelector('p');javasscript를 이용해 문서의 첫번째 를 선택한다이 경우에는 Click me!가 첫번째 이기 때문에 선택될 것이다 function changeParagraphText(){ paragraphElement.textContent = 'Clicked!'; console.log('Paragraph clicked!');}paragraphElement.addEventListener('click', changeParagraphText); 이후 .. 2025. 6. 8. javascript를 이용해 HTML 내용을 수정해보자 - inner HTML 작업 HTML문서에서 Hi there! I'm new! This is a link 첫번째 단락'I'm new!'를 변경해보자 우선 javascript에 첫번째 단락으로 접근 할 수 있는 변수를 만들어야 한다let firstParagraph = document.querySelector('p');그리고, HTML 내용을 변경 할 수 있도록 HTML내용에 접근하는 innerHTML을 사용한다 firstParagraph.innerHTML ='Hi! This is important!.'; 그러면 해당이 반영된 HTML을 수정할 수 있다 2025. 6. 7. 이전 1 다음 728x90 반응형