함수=> 효과적인 작업을 위해 필요함. 반복적인 작업을 단순하게 해줄 수 있음
fuction입력, 함수 이름 입력 ->funciton sayHello()
function sayHello(){
console.log('hello');
}
sayHello();
argument 는 변수 같은 것! 변수명과 비슷한 맥락.사용하게 될 함수의 이름
function sayHello(potato){
console.log('Hello!')
->> potato는 argument or parameter! 함수안에서 사용하게 될 이름
function sayHello(potato){
console.log('Hello!',potato);
}
sayHello('Nicolas');
-->> 콘솔로그에 입력한 Hello가 나오고, potato(argument)가 지정해 둔 값인 Nicolas가 출력됨. 결과적으로 Hello! Nicolas로 출력되는걸 볼 수 있다.
이것은 외부 데이터를 함수에 가져다 주는 방법!
여러개의 argument를 입력할 수도 있다.
function sayHello(name, age){
console.log('Hello!', name, 'you have', age, 'years of age.');
}
sayHello('Nicolas',15);
위 입력값의 출력값은 Hello Nicolas you have 15 years of age로 나옴!!
'', "" 를 사용하는대신 백틱사용하기!
function sayHello(name, age){
return HEllo ${name} you are ${age} years old;
}
const greetNicolas = sayHello('Nicolas', 14)
console.log(greetNicolas)
greetNicolas는 새로 선언된 값! 이것은 sayHello함수가 실행된 값을 출력한다.
위 함수에서 return을 써주지 않으면 아무것도 반환해주는 값이 없기 때문에
값이 나타나지 않는다! 꼭 return 값을 써줘야 함!!
계산기!
const calculator = {
plus: function(a,b){
return a + b;
}
}
const plus = calculator.plus(5, 5)
console.log(plus)
https://replit.com/join/rjwwkxzf-chae7
HTML이 JS와 함께 쓰이는 방식!
JS에서 id를 호출하는 방법
console.log(document);
// day3 숙제 다시 복습하기!!! //
