Web/JavaScript25 객체 실습 예제) 입력값 적용 실습 변경 종합) DOCTYPE html> Document 변경 // 사진 1 // https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSUi-vgxbSiIm0VBVgV5bE-ee0wIovVyWyJ2g&usqp=CAU // 사진2 // https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQsPwjNBVs4mYjVj12VFTgpdBCOcm0dOGhi2ho_wiKBVv-MeB2q2qHTsmgK5i-FCPOMlUA&usqp=CAU let name = document.getElementById("name"); let imgid = document.getElementById("imgid"); documen.. 2023. 4. 20. 객체 [객체] {key : value} 구조 js 는 객체 기반 언어 let person = { 내가 넣은 속성과 값이 들어감 } -> 사용자 정의 객체 1) 브라우저 객체 (문서 객체 모델) 2) 내장 객체 3) 사용자 정의 객체 문서객체 모델 DOM - HTML 의 요소를 가지고 올 수 있음 document.geElementById(); 객체 - {key:value, key:valule ... } let name = '미리'; let name = { "one" : "miri", "two" : "eunyoung", .... } console.log(name.one); --> miri name.one = "수민"; 객체 1. 내장객체 -> 자바스크립트 엔진에서 제공하는 객체 2. 브라우저객체 -> 브라우저에 .. 2023. 4. 19. 함수 [함수] 쓰는이유: 기능을 담으려고, 유지보수 편하게 하려고 함수의 종류 1) 함수 선언문 2) 함수 표현식 3) 화살표 함수 1) 특징: 호이스팅이 된다 - 호이스팅 : js 엔진이 실행되면서 함수가 위로 끌어올려지는 현상 함수 왜? 내가 편하려고! 기능을 블록으로 묶어서 사용 - input(매개변수) / output(반환데이터) - 1. 함수선언문 (선언) function hello(매개변수) { console.log('안녕'); } (호출) hello(); - 2. 함수표현식 hello = function(매개변수) { console.log(); } 함수선언문은 인자값으로 전달이 가능하다!! setTimeout( hello , 3000 ); - 3. 화살표함수 let hello = () => { c.. 2023. 4. 18. 랜덤배열, 점수출력 예제 랜덤배열 예제) 점수출력 예제) 2023년 1학기 성적표 2023. 4. 17. 배열 예제) 2023. 4. 17. 랜덤수 2023. 4. 17. 이전 1 2 3 4 5 다음
