본문 바로가기

전체 글30

Up & Down 1. 랜덤번호 지정 2. 만약에 유저가 랜덤번호를 맞추면, 맞췄습니다! 3. 랜덤번호가 유저번호 Up!! 5. Rest버튼을 누르면 게임이 리셋된다 6. 5번의 기회를 다쓰면 게임이 끝난다 (더이상 추측 불가, 버튼이 disable) 7. 유저가 1~100 범위 밖에 숫자를 입력하며 알려준다. 기회를 깍지 않는다 8. 유저가 이미 입력한 숫자를 또 입력하면, 알려준다, 기회를 깍지 않는다 9. 검색창에 마우스를 포커스 했을 시 자동으로 글 지워짐 1.랜덤 번호 지정 2. 만약에 유저가 랜덤번호를 맞추면, 맞췄습니다!(정답을 맞췄을 시 go disabled) 3. 랜덤번호가 유저번호 Up!! 5. Rest버튼을 누르면.. 2024. 4. 3.
innerHTML과 textContent의 차이 innerHTML: HTML, XML을 읽어오거나, 설정할 수 있ㅅ븐디ㅏ. 태그 안에있는 HTML 전체 내용을 들고옴 textContent: 해상 노드가 가지고 있는 텍스트 값을 그대로 가져옴. 예시 html에 이런 태그 있다고 가정할때 console.log(document.getElementById("test").innerHTML) console.log(document.getElementById("test").textContent) 두 결과 값 innerHTML은 span까지 출력하고 textContent는 텍스트만 출력하였다 2024. 3. 29.
HTML과 백티(``)를 활용하여 버튼을 누를때 value값 받기 && (요소 생성, 삭제) 백티를 활용하여 HTML을 그대로 복사해 놓으면 자바스크립토 일일이 요소를 생성하지 않아도 쉽게 반복적인 요소를 생성 할 수 있다. container 안에 클릭 할때마다 추가 될 요소를 만들어 놓은 뒤 백티(``)안에 복사 해 놓으면 버튼을 누를때마다 해당 요소를 추가해 준다 See the Pen Untitled by Juno Kim (@Juno-Kim-the-looper) on CodePen. 이번에는 요소와 버튼을 만들고 Delete버튼을 누르면 해당 요소가 삭제되도록 구성해 봤다. See the Pen Untitled by Juno Kim (@Juno-Kim-the-looper) on CodePen. 2024. 3. 28.
함수를 이용하여 거스름돈 계산하기 See the Pen Untitled by Juno Kim (@Juno-Kim-the-looper) on CodePen. 2024. 3. 17.