전체 글

로또 만들기 self (공에 색깔 넣기)

원본 추첨 결과는? 보너스: 나의 풀이 추첨 결과는? 보너스: ▶ coloList 배열에 보너스 공을 포함한 7가지의 색깔을 담았다. ▶ div태그를 담고있는 $ball변수에서 backgroundColor를 적용하였다. ▶ drawBall에 colorList[i]라는 매개변수를 별도로 추가하였다. 강사 풀이 추첨 결과는? 보너스: ▶ color함수를 별도로 만들자 ▶ 함수(draBall) 안에 함수(colorize)를 넣자 ▶ 숫자의 범위를 정해서 ball의 color를 다르게 할 수 있다.

로또 만들기 - splice( )★★+태그요소만들기+className추가 +sort()

로또 만들기 1단계 추첨 결과는? 보너스: ▶ splice() 메서드는 배열에서 지정된 인덱스부터 지정된 개수만큼의 요소를 제거하면서 제거된 요소들을 배열로 리턴한다. Array(45).fill().map( (v, i) => i+1); →배열을 undefined 45개로 채운다. 그리고 나서 Array의 index가 0, 1, .. 44까지 있는데, 거기다가 1씩 더하겠다. →map()함수를 사용하는 경우 원본데이터는 변하지 않으며, Array이외의 "별도의 배열"이 만들어진다. const array = [1, 2, 3, 4, 5] array.splice(2, 1) [3] //리턴값이 배열이다!! splice() 메서드는 배열에서 지정된 인덱스부터 지정된 개수만큼의 요소를 제거하면서 제거된 요소들을 배열..

forEach, map, fill 알아보기

고전 for문 const answer= [3, 1, 4, 6] let strike = 0; let ball = 0; for (let i = 0; i -1) { //일치하는 숫자 발견 if (index === i) { //자릿수도 같음 strike += 1; } else { //숫자만 같음 ball += 1; } } } forEach문 const answer = [3, 1, 4, 6] let strike = 0; let ball = 0; answer.forEach((element, idx) => { const index = value.indexOf(element); if ..

숫자야구게임 -self(3아웃인 경우)

숫자야구게임 확인 태그요소를 저장한 변수.addEventListener('액션', 콜백함수) $form.addEventListener('submit', (event)=>{}) console창 사라지는 문제 form을 submit할 때 "새로고침"하는 기본동작이 수행된다. 따라서 변수에 저장된 데이터가 날라간다. 따라서 새로고침을 막기 위해서는 preventDefault()함수를 사용하여 기본동작을 제거한다. preventDefault() 잠깐지식 document객체는 window객체에 속한다. event객체는 document객체 속한다. target객체는 event객체에 속한다. target객체가 가지고 있는 속성: value, textContext event.target[0]→ input태그 요소를 가..