EmilyinSeoul

li로 이미지를 잡으면 약간의 공간이 생김. 라인의 값이 있어서 처리를 못한 것임. inline이므로 block을 주고 line-height:0으로 주면 공간이 없어짐 img{ display:block; line-height:0; } Display:none 모두 사라짐 상위 li element에 absolute를 주면.. banner가 겹쳐져서 보여짐 새로운 CSS Fadein 효과 #banner > ul > li.fadein{ animation:fadein 3s; } 투명효과 주기 @keyframes fadein{ from{ } to{ } } on을 옮기면서 실행 setattribute를 줘서 on을 계속 주면서 바꿔줄 예정 querySelectorAll로 인해서 밑에 document가 아닌 item으..

Math Object; Math.random(); JavaScript Math Math.floor (Math.random () * 10)은 0에서 9 사이의 임의의 정수를 반환함 .: document.getElementById("demo").innerHTML = Math.floor(Math.random() * 10); String Object: String.replace(); JavaScript String Methods Replace "경일아카데미" with "블록체인반" in the paragraph below: Try it 경일아카데미에서 코딩배워보세요! function myFunction() { var str = document.getElementById("demo").innerHTML; var ..

배열은 var arr =[ ]; or var arr = new Array(); var fruits =[ ]; fruits[0] = '사과' fruits[1] ='배' or var fruits = ['사과', '배', '바나나']; document.write(fruits[0]); html 태그 선택은 document var parentDOM = document.getElementById("parent-id"); (method) Document.getElementById(elementId:string) : HTMLElement var test = parentDOM.getElementsByClassName("test"); (method) Element.getElementByClassName(className:..

document.open('http://naver.com', 'id','width="400" height="300"') //div = document.querySelector("#root"); //console.log(typeof(div));

function box (width,height){ return width*height; } box1 = box(10,10); box2 = box(9,9); box3 = box(8,8); box4 = box(7,7); box5 = box(6,6); box6 = box(5,5); box7 = box(4,4); box8 = box(3,3); box9 = box(2,2); box10 = box(1,1); console.log(box1); console.log(box2); console.log(box3); console.log(box10); height = 10; width = 10; //console.log(height*width); //100개를 구해야한다면 위처럼 변수를 넣어야

typeof 연산자 typeof는 변수의 데이터 타입을 반환하는 연산자 function sum(a,b,c){ // console.log(a+b+c); return a+b+c; } //sum(3,4,6);// //console.log(typeof(sum(3,4,6)));// //위의 것은 undefined// a=sum(3,4,6); //변수는 data type이 존재해야하는데 data type없어서 안담아짐 //따라서 함수도 data type 필요 그것은 위의 return// console.log(a); //이것은 데이터타입 존재/ console.log(typeof(a)); div = document.querySelector("#root"); console.log(typeof(div));

놀랍게 짧아짐!! Java의 중간대문자 주의깊게 쓰기!! function banner(){ banner = document.querySelector('#banner');/* 안에있는 모든 것을 가져온다. string이 아닌 내용을 data type으로 저장*/ li = document.querySelectorAll('#banner > li'); /*querySlectorAll은 [Element, Element, Element, Element, Element] 이렇게 호출 0,1,2,3,4 각각에 저장한 것임 각각 항목으로 저장하므로 숫자가 아니고 Element type임 */ banner.appendChild(li[0]); } setInterval(banner,5000); /**setInteval([],..

배열을 쓰는 이유 :강력하게 줄일 수 있음 const btnArr = []; /*아직 안배움*/ function addCard(){ const newID = btnArr.length; /*0을 s넣은 거임 */ console.log(newID) cardInput=document.querySelector('#card_input'); /*input box 아이디값을 받아서 변수에 담았다 */ cardList=document.querySelector('.cardList'); /*내용 출력하는 영역 설정 */ li=document.createElement('li'); /*내용 출력하는 최소단위 엘리먼트 */ li.innerHTML=cardInput.value; /*li안에 내용을 넣기위해서 :cardInput에..