전체 글

렛츠기릿 자바스크립트 7 (계산기) + 고차함수 + if중첩문 제거

HTML 7 8 9 + 4 5 6 - 1 2 3 / C 0 = x CSS * { box-sizing: border-box } #result { width: 180px; height: 50px; margin: 5px; text-align: right } #operator { width: 50px; height: 50px; margin: 5px; text-align: center } button { width: 50px; height: 50px; margin: 5px } 계산기-1단계 let numOne =''; let operator=''; let numTwo=''; const $operator = document.querySelector('#operator'); // console.log($operato..

렛츠기릿 자바스크립트 6 (쿵쿵따) - self

HTML 1번째 참가자 제시어: 입력 Index.js const number = parseInt(prompt("몇 명이 참가하나요?"), 10); //prompt에서 취소를 누르는 경우 null이 되고, 그 값이 Number()함수에 들어가면 //NaN이 된다. NaN은 if문에 널어가면 항상 false취급되므로 if문 실행X if (number) { // number가 있으면, 즉 prompt에서 입력이 있으면 const $button = document.querySelector("button"); const $input = document.querySelector("input"); const $word = document.querySelector("#word"); const $order = docum..

렛츠기릿 자바스크립트 6 (끝말잇기)

HTML 1번째 참가자 제시어: 입력 Index.js const number =parseInt(prompt("몇 명이 참가하나요?"), 10) const $button = document.querySelector('button'); const $input = document.querySelector('input'); const $word = document.querySelector('#word') const $order = document.querySelector('#order') let word; //제시어 let newWord; //새로 입력한 단어 const onClickButton = ()=>{ if(!word || word[word.length-1]===newWord[0]){ //제시어가 비어 ..

렛츠기릿 자바스크립트 5

선택자 : id선택자(#), 태그 선택자, 클래스 선택자(.클래스) document.querySelector('선택자') : 1개의 태그만 선택 (가장 첫번째만 선택) document.querySelectorAll('선택자') : 여러 개 태그선택, 리턴 타입이 객체(유사배열) -NodeList document.querySelector('#order') : 고유한 id선택자 1개만 선택한다. document.querySelector('div>span') : div태그의 바로 밑에 있는 자식만 선택한다. document.querySelectorAll('div span') : div태그 안에 있는 자손"들" span을 찾아라 document.querySelectorAll('body #target button..