Links

Function

Function

어떠한것의 기능 원하는 만큼 쓸 수 있는 코드이다.
console -> object , log -> fuction
function sayHello (e,a){ //(e) -> 외부에 있는 데이터를 읽는 함수를 만드는 방법
console.log('HEllo',e,"you have" a);
//console.log함수는 argument를 무한하게 가질 수 있다.
};
sayHello("Nice",15); //Hello Nice you have 15
// Nice 는 argument 인자 이다.
console.log("Hi"); // Hi

Function Fun

function sayHello(name,age){
console.log('HEllo'+ name + "you have" + age + "years old");
};
sayHello{"boo" , 17}; // Hello boo you have 17 years old
function sayHello(name,age){
return(`HEllo ${name} you are ${age} years old`);
// return -> 반환해줌
};
const greetBoo = sayHello("Boo", "17")
console.log(greetBoo);// Hello boo you have 17 years old
const calculator = {
plus: function (a, b)[
return a + b;
}
}
const calculator.plus(5,5)
console.log(plus) // 10

Function DOM

DOM(Document Object Model)형태로 변경이 가능함
const title = document.getElementByld("title"); // document -> object
const title = document.quearySelector("#title") // id title을 지정
title.innerHTML = "Hi js" // html에 Hi js 출력됨
// html을 DOM객체로 바꿀 수 있다. Html 수정할 수 있다.
title.style.color = "blue"; // 글씨 색깔이 블루로 바뀜
console.log(title); // title id값을 가진 html element를 불러냄
console.log(title); // 해당 정보를 볼 수 있음
document.title = "Hello" // 타이틀이 Hello로 바뀜