🗃️javascript/DOM 조작 7

js 복습문제들(Date 객체, 타이머, 문자열 )

1. 오늘 날짜 출력하기 let today = new Date(); document.write(today.getMonth()+1, "월",today.getDate(),"일"); 3. 0부터 1000000까지 합하는 코드의 실행시간 측정시간을 출력하시오 let start = performance.now(); let sum = 0; for(let i=0; i첫글자 대문자로 변환 let strCap = (str) => { let word = str[0].toUpperCase() let newWord = str.replace(`${str[0]}`,`${word}`) document.getElementById("a").innerHTML = str + " -> " + newWord } 아쉽다... 찾아보니 prom..

js 객체 생성(생성자, class), 상속

.writeln()은 문서에 문자, 코드 등을 쓰는 메서드입니다. . write()와 다른 점은 줄바꿈 기호가 들어간다는 것입니다. 생성자 객체 생성방식은 생성자 함수를 먼저 선언한 후, 필요할 때마다 함수를 불러서 쓰는 방식. // 객체를 생성자 방법으로 생성하기 function Student(age, ban) { this.age = age; this.ban = ban; } let myStudent = new Student(13, 2) document.write(myStudent.ban) // 객체를 리터럴 방법으로 생성하기 let myCity = { aker: "34h", name: "ohio" } 생성자 객체 생성방식은 상속에서 문제가 발생할 수 있음. 그래서 class를 통해 객체를 생성할 수 있..

js 함수[무명함수, 화살표함수, 숫자 맞추기 게임 만들기]

input 태그에는 innerHTML이 아닌 .value로 접근한다. p 태그에는 .innerHTML로 접근 1. 주어진 값에 1을 더해서 반환하는 함수를 무명 함수로 만들어보자. 2. 주어진 값에 1을 더해서 반환하는 함수를 화살표 함수로 만들어보자. 무명함수(람다식),화살표함수 둘은 결국 함수명을 변수에 저장해놓고 쓰는 것. 매개변수를 못쓴다 등의 얘기가 아님. 화살표 함수에서 {' 'return } ' '이 비어 있으면 {return}이 생략 가능함. 하지만 두 줄이상일 경우 중괄호 생략이 불가하다. 1. 무명함수 function 옆에 함수명이 없다. let plus = function(a) { return a + 1 } document.getElementById("test").innerHTML =..

문서 객체 다루기(2)[ 스크립트 아래에 노드 추가, 삭제]

추가하면 기존 script 뒤에 추가된다. createElement("요소") 요소 노드 생성 createTextNode("텍스트") 텍스트 노드 생성 상위 노드.appendChild(하위노드); 를 통해서 노드끼리 이을 수 있다. 둘을 이으면 태그 요소 사이에 텍스트를 넣듯이 생성한다. [텍스트] 기존노드.setAttributeNode("속성") 속성노드 추가하기 속성노드는 자식노드는 아니다. 그래서 속성을 연결해주는 메서드를 사용한다. (주로 value값은 text를 할당할 때 쓰 경우가 많고. 나머지는 textContent로 하는거 잊지 않았겠지?) 태그할당 변수.parentNode.removeChild 내가 삭제..

문서 객체 다루기(1)[ 노드 선택 속성 및 메서드, 노드 조작]

document 구성도. 각 태그 하나하나를 '노드'라 부르며 이것들을 불러서 쓸 수 있다. 특정 id, class, 태그명으로 불러오기 #id명 아니라 id명으로 부름 .class명이 아니라 class명으로 부름 태그명으로 부름 아무거나 한개, 아무거나 선택한 것의 종류를 모두 불러오기 #, . 등을 붙여서 부름. textContent : 태그는 읽지 명령은 읽지않고 텍스트 내용만 가져온다. 만약 태그로 display:none을 통해 가려놨어도 텍스트를 불러들이면 화면에 출력하게 된다. (뒤에 붙일 때 공백 인) innerText : 화면에 출력되는 것만 가져옴(태그로 가렸으면 안가져온다.)(뒤에 붙일때 공백인식 불가) innerHTML : 태그, 텍스트 모두 가져옴 기본모양 : 노드 불러온 변수. s..