duedue

document.getElementById('form').onsubmit =function(){ var search = document.getElementById('form').word.value; //변수에 값 대입 // 변수 search에 form 요소 취득하고, 읽고싶은 곳의 name 속성을 지정하고, 밸류 프로퍼티를 대입함 document.getElementById('output').textContent='['+search+'] 검색중 ...'; // }; 입력내용 읽어오기 형식 취득한 의 요소 중 읽고 싶은 양식의 name 속성,value

form action 보낼곳 sumit을 클릭시 action이 정한 주소로 보낸다. document.getElementById('form').onsubmit = function(){ console.log('클릭했습니다.'); } onsubmit 이벤트 발생 시 처리하고 싶은 이벤트 작성 취득한 요소 .onsubmit = function(){ 처리내용 } 주의사항 : form에서 발생하는 것으로 취득요소는 form의 요소를 가져와야 된다.

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;

for...in 문 객체의 프로퍼티를 모두 읽어내기 위한 전용 반복문 형식 for (var 프로퍼티를 저장해 두는 변수명 in 객체명){ 처리내용 } var jsbook ={ title:'자스입문', price:2500, stock:3 }; for(var p in jsbook){ console.log(p +'='+jsbook[p]); // 객체명[fonin문에서 지정한 변수명] }

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

배열 만들기 var 변수명 = []; 데이터를 가진 배열 var 변수명 = [데이터0, 데이터1, 데이터2, 데이터x]; 배열에서 데이터 읽어오기 변수명[인덱스 번호] 인덱스? var 변수명 = [데이터0, 데이터1, 데이터2, 데이터x]; 인덱스 0 -> 데이터0 인덱스 1 -> 데이터1 인덱스 2 -> 데이터2 인덱스 x -> 데이터x 배열 메서드 형식 배열 변수명.메서드(); 메서드명 | 의미 배열변수명.pop() | 배열의 마지막 데이터 삭제 배열변수명.push(데이터) | 배열의 마지막 부분에 데이터를 추가 배열변수명.shift() | 배열의 첫번째 데이터 삭제 배열변수명.unshift(데이터1,데이터2) | 배열의 앞부분에 데이터 1, 데이터2 추가한다. 해야 할 목록 var todo = ['..

함수 작성 함수표현식, 함수 선언식 1. 함수 표현식 > 호이스팅 영향 x, 클로저 및 콜백 사용 var 함수명 = function (매개변수 ){ 실행 할 로직 } 2. 함수 선언식 > 호이스팅 영향 받음 function 함수명 (매개변수) { 실행 할 로직 }

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('몬스터를 물리쳤다.');

반복문 for문 for (var i = 1 ; i

논리 연산자 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 = '땡!..

console.log 사용법 console.log(); console.log(''); console.log('""'); 개발자 도구의 콘솔에서 확인하며 코드 수행 위치 확인하기 console.log('ㅇㅇ'); 등을 함수 내 확인하고 싶은 부분에 넣고 ㅇㅇ 이 출력되면 현재 그 부분은 확인 되는 것이고, 확인 안되는 부분은 출력 안됨 이런 방식으로 어디까지 코드가 먹혔는지 확인이 가능하다.

아이패드용 클립스튜디오 만료 약 1주일 남기고 1년 구독을 할인가격으로 연장했습니다. 작년보다 약 10달러 저렴하게 구독 했네요 이전버전은 갱신해제하고 더 저렴하게 구독을 했습니다.