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๋กœ ๋ฐ”๋€œ

Last updated