javascript 85

javascript_(DOM)_22.05.02(day09)

1.아이디로취득 DOCTYPE html> Document 사과 바나나 포도 파인애플 // body 태그의 객체 // console.log(document.body); // html태그의 객체 // console.log(document.documentElement); //id속성으로 요소 노드 취득 const $banana = document.getElementById("banana"); console.log($banana); $banana.textContent = '뻐네너'; $banana.style.color = 'red'; $banana.style.backgroundColor = 'yellow'; // let grape = '뽀도도'; //id 속성이 부여된 요소는 해당 아이디가 //자동으로 전역변수..

javascript 2022.05.02

javascript_함수(call_back)_22.05.02(day09)

var y = 'global local y'; // 매개변수 x: 지역스코프 function outer(x) { // var y = 'outer local y'; var z = 'outer local z'; console.log(`x : ${x}`); // 매개변수 x를 참조. function inner() { var x = 'inner local x'; // var y = 'inner local y'; console.log(x); console.log(y); console.log(z); } inner(); } var x = 'global x'; outer('outer parm x'); // 사이트 전체 정책적 할인율 var saleRate = 0.1; //전역변수 // 코드 400줄 ~~~~ // 임시..

javascript 2022.05.02

javascript_함수(중첩 함수, 재귀 함수)_22.04.29(day08)

============== 재귀함수 // 함수 정의부 // 중첩함수 function outer(){ console.log('outer call!'); function inner() { console.log('inner call!'); } inner(); inner(); } // 재귀함수(Recursive) function countdown(n) { if (n return compute(2) + compute(0) compute(2) -> return compute(1) + compute(-1) compute(1) -> return 1; compute(0) -> return 0; compute(-1) -> return -1; ---------------------------------------- comp..

javascript 2022.04.29

javascript_함수(즉시실행함수)_22.04.29(day08)

// 화살표 함수(ES6+) // 함수 정의부 // 함수 정의 기본 function add(n1, n2) { return n1 + n2; } // 함수 정의 기본2 //함수 리터럴(함수를 값으로 표현) var sub = function (n1,n2) { return n1 - n2; }; var plus = add; function removeBoardArticleWithReplyText() {}; var rb = removeBoardArticleWithReplyText; rb() // 화살표 함수(ES6+) function multiply(n1,n2) { return n1 * n2; } var multiply = function (n1,n2) { return n1 * n2; }; // 함수의 내용물이 r..

javascript 2022.04.29

javascript_함수(quiz01~08)_22.04.29(day08)

/* Q1) 2개의 정수를 전달받아 그 중 작은 값을 반환하는 함수 min2를 작성하고 브라우저 입력을 통해 2개의 숫자를 입력받아 함수를 통해 작은값을 출력하세요. */ == 1번 정답 // 함수부 function min2(n1,n2) { if(n1 < n2) { return n1; } else { return n2; } } // 실행부 var first = +prompt('첫번째 정수:'); var second = +prompt('두번째 정수:'); alert(`둘 중 작은 수: ${min2(first,second)}`); /* Q2) n개의 정수를 전달받아 그 중 최소값을 반환하는 함수 min을 정의하고 사용자에게 반복해서 숫자들을 입력받은 후 min을 호출하여 최소값을 출력하세요. 입력을 그만둘때..

javascript 2022.04.29

javascript_함수(multi_parameter)_22.04.29(day08)

//2개의 정수를 전달하면 그 합을 구해주는 함수 function add2(n1,n2) { return n1 + n2 ; } // add2 (10, 20, 30); // 3개를 더한 값이 필요하다면. function add3(n1,n2,n3) { return n1+n2+n3; } // add3(10,20,30,40) // 4개를 더한 값이 필요하다면. // 계속해서 함수를 만들어야 할까? // -> n개의 정수를 전달하면 그 합을 구해주는 함수를 어떻게 만들까? // 배열이나객체로 값을 출력할수 있다면 배열이나 객체로 값을 입력 받을수 있다. function addAll(numbers=[]) { var total = 0; for (var n of numbers) { total += n; } return ..

javascript 2022.04.29