반응형
Notice
Recent Posts
Recent Comments
Link
«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
Tags more
Archives
Today
Total
관리 메뉴

taenyLog

자바스크립트 변수 생성 코드 리팩토링 본문

Web

자바스크립트 변수 생성 코드 리팩토링

taenyLog 2023. 6. 17. 03:41
반응형

const plate45 = {
  weight: 20 * 2,
  button: document.querySelector("#plate45"),
};

const plate35 = {
  weight: 15 * 2,
  button: document.querySelector("#plate35"),
};


const plate25 = {
  weight: 11.34 * 2,
  button: document.querySelector("#plate25"),
};

const plate15 = {
  weight: 6.8 * 2,
  button: document.querySelector("#plate15"),
};

const plate10 = {
  weight: 4.53 * 2,
  button: document.querySelector("#plate10"),
};

 

 

 

const plates = [
  {
    weight: 20 * 2,
    button: document.querySelector("#plate45"),
  },
  {
    weight: 15 * 2,
    button: document.querySelector("#plate35"),
  },
  {
    weight: 11.34 * 2,
    button: document.querySelector("#plate25"),
  },
  {
    weight: 6.8 * 2,
    button: document.querySelector("#plate15"),
  },
  {
    weight: 4.53 * 2,
    button: document.querySelector("#plate10"),
  },
];
반응형

'Web' 카테고리의 다른 글

자바스크립트 오류 해결 | Uncaught DOMException:  (0) 2023.06.18
자바스크립트 코드 중복 줄이기 - 리팩토링  (0) 2023.06.17
JavaScript 요소추가  (0) 2023.06.17
JavaScript 버튼 생성  (0) 2023.06.15
JavaScript 객체 복사  (0) 2023.06.15
'Web' Related Articles more