[JavaScript] 바닐라 JS로 크롬 앱 만들기_#02

강성일·2023년 2월 4일
0
post-thumbnail

array

const dayOfWeek = ["mon","tue"];

// mon 출력
console.log(dayOfWeek[0]);

// 배열에 sat 추가
console.push("sat");

// sat이 추가된 모든 리스트 출력
console.log(dayOfWeek);


object

// player라는 object 지정하고 property 작성

const player = {
	name: "nico",
	points: 10,
	fat: true,
};

// player.fat property 업데이트
player.fat = false;

// player.lastName property 추가
player.lastName = "il";


Function

const player = {
  name: "nico",
  sayHello: function (otherPersonsName) {
    console.log("hello" + otherPersonsName);
  },
};

player.sayHello("lynn");
player.sayHello("nico");



console.log만 사용하여 계산기 만들기

const calcultor = {
  add: function (a, b) {
    console.log(a + b);
  },
  minus: function (a, b) {
    console.log(a - b);
  },
  div: function (a, b) {
    console.log(a / b);
  },
  multi: function (a, b) {
    console.log(a * b);
  },
  power: function (a, b) {
    console.log(a ** b);
  },
};

calcultor.add(5, 1);
calcultor.minus(3, 2);
calcultor.div(4, 7);
calcultor.multi(5, 2);
calcultor.power(2, 8);


prompt

물어보는 질문창을 띄움.
하지만 css로 꾸밀 수 없으므로 지금은 사용하지 않음



isNaN ( is Not a Number)

NaN일 때, true를 리턴해주는 함수
즉 문자열(string)을 입력 시, true 출력
숫자를 입력 시, false 출력



console.dir

element의 내부를 볼 수 있다.

profile
아이디어가 넘치는 프론트엔드를 꿈꿉니다 🔥

0개의 댓글