본문 바로가기

Javascript20

제주코딩베이스캠프문제 5.for문 계산 1 2 3 4 5 6 7 8 9 var a = 10; var b = 2; for(var i=1; i 10 += 1 => 11 3) 1에서 +2한 값 3을 i에 대입 4) (a의 값은 11로 멈춰있음) a += 3 => 11 += 3 => 14 5) (3에 += 2 하면 5지만, i 14+2 => 16 2022. 9. 28.
9-7 웹 페이지에 있는 모든 태그에 대해, 마우스가 올라가면 해당 태그의 텍스트에 밑줄을 긋고, 내려가면 밑줄을 지우는 자바스크립트 코드를 완성하라. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 9-7 window.onmouseover = function(e){ //onmouseover:자식영역포함 //윈도우가 떴을때 onmouseover 속성을 이용 if(e.target.tagName.toLowerCase() == "span"){ //이벤트(클릭) 했을 때 클릭한곳(target) 의 태그네임이 //소문자로 변환(toLowerCase)해서 반환한 값이 "span"이라면.. 2022. 9. 23.
더블클릭할때 배경색 다르게 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 Document 바탕 아무 곳에나 더블 클릭 바탕 아무 곳이나 더블클릭하면 배경색이 랜덤하게 변합니다. function double(){ var r = Math.floor(Math.random()*256); //랜덤 : Math.random() , 정수를 만들기 위해 *해줘야함 // Math.floor=>실수 버림(소수점떼버림) var g = Math.floor(Math.random()*256); var b = Math.floor(Math.random()*256); document.body.style.backgroundColor = "rgb("+r+","+g+","+b+")"; //.. 2022. 9. 23.
(계속 수정)용어의 쓰임 . : 객체 내의 속성을 접근하는 용도 ex)obj.innerHTML = text; if : if(조건식) {} 조건에 해당되면 {}을 실행시켜라 obj : 가독성을 위해 객체라는 이름을 사용했을 뿐, 큰 의미 없음, a b로 변경해도 무방 호이스팅(hoisting) : 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것 함수 function : 하나의 로직을 재사용할 수 있도록 하는것, 1.재사용성 2.유지보수의 용이 3. 가독성 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 function ex(){ //ex : 함수이름(사용자 임의지정) () : 매개변수 // {}가 가지고 있는 내용을 실행한다. document.write().. 2022. 9. 22.