click 이벤트 - 시행착오

조 은길·2021년 11월 6일
0
post-thumbnail

  • 미니 프로젝트 설명
    해당 코드의 출력값에서 볼 수 있듯이, 위와 같은 뼈대를 html과 CSS로 만들어주고, DOM API에서 제공되는 click event를 통해서 이름칸에 이름을 적고 좋아하는 동물을 선택하고 제출하면 밑에 문장을 띄워주는 코드이다.

answer.html은 Udemy 강사가 제공한 code이고, index.html는 내가 작성한 코드이다.

링크를 따라가보면, 확인해볼 수 있겠지만, 작동하는 것은 똑같지만, 나의 코드는 뼈대 코드를 제외한 순수한 DOM만을 이용해서 모든 작업이 이뤄졌다.

그렇다보니, 그냥 html에 p태그 하나만 더 붙이면, 매우 쉬워질 일들이 어렵게 진행됐는데, 배운 점은 많았지만, 앞으로는 일을 진행하기에 앞서 무엇이 가장 쉬운 접근일지부터 생각해봐야겠다.

코드에 대한 자세한 설명은 Open Sandbox 링크는 따라가보면 확인 할 수 있다.

profile
좋은 길로만 가는 "조은길"입니다😁

0개의 댓글