ChatGPT4 🤖 ChatGPT와 함께 공부하는 JavaScript 4일차 - 이미지 숨기기/보이기 토글 기능 미션 오늘은 이미지 숨기기/보이기 토글 기능이다. 조금은 쉬운 미션으로 보이나 if문 활용에 대한 거라 걱정이다.그리고 항상 addEventListener 기능을 쓸때 안을 어떻게 써야할지 아직 막막하다..ㅠㅠ많이 써봐야 알수 있겠지..언제쯤 그날이 올까..🥹🚩 처음 작성한 코드const image = document.querySelect("#image");const button = document.querySelect("#button");botton.addEventLisnter("click", function(){ if(image.style.display === 'none'){ image.style.display = 'block'; }else{ image.style.d.. 2025. 3. 29. 🤖 ChatGPT와 함께 공부하는 JavaScript 3일차 - 텍스트 컬러 변경 미션 오늘 JS 미션은 입력창에 입력한 색상으로 텍스트의 색상을 변경하는 기능을 구현하는 것이었다. 순차적으로 구현하다가 간단한 실수로 인해 문제가 발생했다.🚩 내가 작성한 코드const text = document.querySelector('text');const input = document.querySelector('#colorInput');const button = document.querySelector('#changeColor');botton.addEventListener("click", function(){ let color = input.value; console.log(color); text.style.color = color;});📍 발생한 문제클래스 선택자(.)를 사용하.. 2025. 3. 27. 🤖 ChatGPT와 함께 공부하는 JavaScript 2일차 - 카운터앱 미션 오늘의 미션은 바로 카운터 앱 만들기이다.제일 이해하기 어려운 DOM 조작과 숫자연산이다..😓숫자연산 이론은 들으면 아하! 그렇군! 하고 이해는 되지만 막상 하려고 하면엥..? 상태가 되어버린다...❓제일 힘들어 하는 부분이 나와서 연습할겸 복습도 하고 공부도하고!오늘은 추가 도전과제 까지 있어서 흥미롭다..!👍🚩 내가 쓴 코드minusBtn.addEventListener('click', function(){ let current = parseInt(result.textContent); result.textContent = current - 1; if(current > 0){ result.textContent = current2 - 1; }else{ a.. 2025. 3. 22. 🤖 ChatGPT와 함께 공부하는 JavaScript 1일차 - 버튼 누르면 배경이 바뀌는 미션 1. JavaScript 공부에 대한 고민..😮💨아직 초짜인 상태라 JavaScript에 대해 지식이 매우 부족한 상태였다.😱Html이나 CSS의 경우 마크업언어이기도 하고 예전에 정말 빡시게 배운걸 기억했다. (1일 1클론코딩 시킴..)무작정 치면서 습득을해야 빠르다는걸 알게되어 시작했다..!⌨️하지만 어떻게 습득을 해야할까..? 내가 아는 지식이 너무 얕아서ChatGPT의 도움을 받기로 했다...! 🤖2. 첫번째 미션 🚩오늘의 미션은 랜덤 배경색 버튼 만들기이다. 🎨지금까지 배운 JavaScript로 미션을 수행해야한다.다행히 나는 이미 내 수준과 어디까지 배웠는지 이미 학습을 시킨상태라 어렵지 않았다.미션 힌트까지 주고 동작하는 방법 그리고 피드백까지 해준다니..!👍❌ 내가 풀어본.. 2025. 3. 21. 이전 1 다음 최근댓글 최근글 인기글 skin by © 2024 ttuttak
최근댓글