afullmoon afullmoon

BOM 마지막: 윈도우 시계 .bg-img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; animation: fadeIn .5s linear; } @keyframes fadeIn{ from{ opacity: 0; } to{ opacity: 1; } } .clock h1{ color: white; } 00:00:00 function createTime(){ const $clock = document.querySelector('.clock h1'); const date = new Date(); const hour = date.getHours(); const minute = date.getMinutes(); const..

form 객체 아이디: 비밀번호: 번호: 010 011 018 - - 자기소개: 분야: Java DB Jsp JavaScript 가입 /* - 폼 객체는 document 객체의 하위 객체 중 하나로 유일하게 name 속성만으로 form 요소의 선택이 가능합니다. - form 에도 name이 있어야 하며, name으로 모두 접근할 수 있습니다. - document.폼 이름.input이름으로 접근합니다. value: 값을 반환 checked: 체크되어 있다면 true, 아니라면 false disable: 비활성화하면 true, 아니라면 false length: 요소의 길이 반환 focus(): 요소에 포커싱 submit(): */ function check(){ const $form = document.re..

퀴즈 푼 날~!!

속성노드 (1) basic const $input = document.querySelector('input'); console.log($input.attributes); console.log($input.attributes[0].value); console.log($input.attributes.type.value); console.log($input.attributes.id.value); console.log($input.attributes.value.value); $input.attributes.value.value = 'lee'; $input.attributes.type.value = 'password'; console.log($input.attributes.value.value); console...

1. DOM (1) id Apple Banana Grape PineApple //관례적으로 노드 변수는 이름 앞에 $기호를 붙입니다. const $apple = document.getElementById('apple'); console.log($apple.attributes[0]); $apple.style.fontSize = '40px'; document.body.style.background = 'tomato'; //없는 아이디로 취급: null이 반환됩니다. const $item = document.getElementById('banana'); console.log($item); if($item !== null){ $item.style.color = 'yellow'; } //요소에 id 부여 시 아이..

1. 함수 (1) basic //함수 정의 //함수의 이름은 동사적 기능이 내포되게 짓습니다. function calcTotal(x){ consol.elog('함수가 호출됨!'); var total = 0; for(var n=1; n { return n1 + n2; } console.log(calcTotal(10)); var result = calcTotal(50); console.log('result: ' + result); console.log(add(10,20)); console.log(add2(10,20)); console.log(ad3(10,20)); //함수를 변수에 할당할 수 있습니다. var ct = calcTotal; var result2 = ct(200); console.log('res..

지난주에 이어서, 1. 데이터 타입. etc //논리 타입 var logical = false; logical = true; //logical = True; var apple = 0; if(apple){ console.log('사과가 ' + apple + '개 있습니다.'); } else{ console.log('사과가 하나도 없습니다.'); } //null var banana = '바나나'; banana = null; console.log(typeof banana); 2. 연산자 (1) 비교연산자 var a = 5, b = '5'; // == 연산자는 암묵적으로 문자열 내부에 숫자가 있다면 자동으로 숫자로 변환한 후 비교합니다. // ===을 사용하면 타입까지 일치하는지 비교합니다. console.lo..