duedue

느낀점하나의 기능은 하나의 함수에, 하나의 포문에바꾸고 싶은 값은 무조건 변수에 담아야 사용이번에 확실하게 느낌! 할 줄 아는 게 복사 붙이기 뿐이라서코딩 잘하기 위해서 시작했다.   let z = 5; // 별을 돌리는 횟수 z 변수에 담기 let x = "&nbsp"; // 빈공간 for (let i = 0; i 5; i++) { // 엔터를 5번 치기 for (let j = 0; j z; j++) { //별을 z번 돌리기 document.write('*'); // 별찍기 } document.write(''); // 엔터 document.write(x); //빈공간 z = z - 1; // 별을 돌리는 z 횟수에서 -1 x = x + "&nbsp"; // x 공간에 빈공간 하나 추가 } docume..

.slide { margin: 0 auto; border: 1px solid black; width: 720px; background-color: black; } img { max-width: 100%; } .nav { display: inline-block; } #prev{ float: left; width: 40px; height: 40px; background: url(images/prev.png) no-repeat; } #next{ float: left; width: 40px; height: 40px; background: url(images/next.png) no-repeat; } var images =['images/image1.jpg','images/image2.jpg','images/ima..

section img { max-width: 100%; } .center { margin: 0 auto; width: 50%; } ul { overflow: hidden; margin: 0; padding: 0; list-style-type: none; } li { float: left; margin-right: 1%; width:24%; } var thumbs = document.querySelectorAll('.thumb'); for (var i = 0; i < thumbs.length; i++) { thumbs[i].onclick = function () { document.getElementById('bigimg').src = this.dataset.image; // console.log(this..

var jsbook = { title:'자스입문', price:2500, stock:3 }; document.getElementById('title').textContent = jsbook.title; document.getElementById('price').textContent = jsbook.price + '원'; document.getElementById('stock').textContent = jsbook.stock;

객체_책 데이터 등록하기 객체 작성 프로퍼티 읽기 프로퍼티 변경 객체 > 여러개의 프로퍼티를 가지고 있는 데이터의 집합 프로퍼티 > 객체의 특징. 데이터 구조와 연관된 속성 객체 형식 var 변수명 = { 프로퍼티명1 : 데이터 프로퍼티명2 : 데이터 프로퍼티명3 : 데이터 프로퍼티명n : 데이터 } 프로퍼티 형식 ----프로퍼티---- 프로퍼티명:데이터 프로퍼티 데이터 읽어오기1 객체명.프로퍼티명 프로퍼티 데이터 읽어오기2 객체명['프로퍼티명'] 프로퍼티 데이터 변경 객체명.프로퍼티 = 변경할 데이터; 또는 객체명['프로퍼티명'] = 변경할 데이터; 프로퍼티 데이터로 함수 저장 가능 var obj = { addText: function(num){ return num*1.10; } }; 프로퍼티의 데이터..

var enemy =100; var attack; window.alert('대전시작'); while(enemy >0){ attack = Math.floor(Math.random()*30) +1; console.log('몬스턴에게'+attack+'의 피해를 입혔다.'); enemy = enemy - attack; } console.log('몬스터를 물리쳤다.');

논리 연산자 a && b a와 b 모두 true 일때 최종 결과가 true a || b a와 b 중에 하나라도 true 이면 최종 결과가 true !a a가 false 이면 true

시간에 따른 다른 메세지 표시 시간 구하기 new Date().getHours(); var hour =new Date().getHours(); if(hour >= 0 && hour < 1){ window.alert('도시락 30% 할인'); } else if(hour === 9 || hour === 15){ window.alert('도시락 1+1 '); } else { window.alert('도시락 사세요'); }

문자열을 정수로 변환하기 parseInt(변환하고 싶은 문자열) 비교 연산자 === 같으면 true !== 다르면 true a =b a가 b이상이면 true var number = Math.floor(Math.random() * 6); // 무작위의 수를 변수 넘버에 대입 // var number = 3; // var answer = parseInt(window.prompt('숫자맞히기 게임. 0-5의 숫자를 입력하세요.')); // 프롬프트로 대답 받을 수를 변수 answer에 대입을 parseInt 메서드를 사용해 형변환 후에 대입 var message; if (answer === number) { message = '정답'; } else if (answer number) { message = '땡!..

토글 메뉴 공부 보여지는 결과는 같다. 1번 x 1 2 3 4 2번 O 1 2 3 4 3번 x 1 2 3 4 참고 https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=curlicu&logNo=40139919116 [ Javascript ] 엘리먼트 보이기 / 숨기기 ■ 엘리먼트 보이기 / 숨기기