본문 바로가기
SMALL

프론트엔드 개발자80

자바스크립트 javascript 3. 함수, 함수선언 , 매개변수 를 활용하여 이벤트 사용하기(2) 이벤트사용하기 DOCTYPE html> Document 클릭1 클릭2 클릭3 #box { width: 80%; height: 100px; border: 1px solid #000; } #box1 { width: 300px; height: 100px; background-color: #fc0; display: none; } //btn1 가져오기 const btn1 = document.getElementById('btn1'); //btn1에 클릭이벤트 생성 btn1.onclick = function() { alert('이벤트 테스트중입니다'); } //btn2 가져오기 const btn2 = document.getElementById('btn2'); // btn2에 이벤트리스너 적용하기 btn2.addEventListen.. 2023. 3. 31.
자바스크립트 javascript 3. 함수, 함수선언 , 매개변수 를 활용하여 이벤트 사용하기(1) 함수 - 프로그램내에서 특정작업을 수행하기 위해 독립적으로 만들어진 하나의 단위 -어떤 목적을 위해 만들어진 코드를 하나로 묶어 반복되는 작업을 효율적으로 관리하기 위한 구조 - 주어진 입력에 의해 처리를 한 후 결과를 돌려주는 구조 ---내장함수 (자바스크립트에 미리 만들어진 함수) log() alert() getElementById() --- 사용자함수 (사용자가 필요에 의해 정의하고 저장하여 사용하는 함수) 함수의 정의 함수는 예약어인 function()으로 정의하고 함수의 시작과 끝은 {}로 표현합니다. --- 함수호출 사용 함수정의 --- 함수 호출 사용 1. 선언적 함수 function 함수이름() { 실행코드; } 호출 함수이름(); -> 함수에 들어있는 코드를 실행... 2.익명함수 선언 .. 2023. 3. 31.
자바스크립트 javascript 2. 변수,배열오브젝트,연산자,if 조건문,for 반복문DOM(2) 반복문 , list요소 가져오기 DOCTYPE html> Document const score = 69; const weader = true; //boolean; if (score > 60) { console.log('당신은 합격입니다.') } if (weader) { console.log('놀러가세요') }else{ console.log('우산을 챙기세요') } //다중조건문 if( score >= 90) { console.log('당신은 A등급입니다') } else if ( score >= 80) { console.log('당신은 B등급입니다') } else if ( score >= 70) { console.log('당신은 C등급입니다') } else { console.log('불합격 입니다') } //for 반복문 DOCTYPE .. 2023. 3. 31.
자바스크립트 javascript 2. 변수,배열오브젝트,연산자,if 조건문,for 반복문DOM(1) 변수, 배열오브젝트, 연산자, if 조건문, for 반복문 DOM 변수 : 데이터 저장장소 이름 let 변수명 = 데이터; ---- 일반변수 (값 변경 가능) const 변수명 = 데이터; ---- 상수변수 (값 변경 불가능) ----------------------------------권장. var 변수명 = 데이터; 연산자 + - * / % (나머지) = (대입연산자) 좌변에서 우변으로 읽기 2 / 5 2를 5로 나눠라 2 * 10 2 곱학기 10 A = B (우변의 값을 좌변에 대입하라) B를 A에 넣어라. let 변수명 = 데이터; 데이터 숫자, 문자 불린 null undefined ------------------- function object Array 숫자 1,2,3,4 문자 "문자" , '.. 2023. 3. 31.
LIST

티스토리툴바