math 객체를 사용하셔서 난수값 연산으로 랜덤 능력치를 가진 5장의 카드가 덱에 생성되게 되어있는 것 같습니다만
카드
var 상대 = {
영웅: document.getElementById('rival-hero'),
덱: document.getElementById('rival-deck'),
필드: document.getElementById('rival-cards'),
코스트: document.getElementById('rival-cost'),
덱data: [알파, 베타, 감마, 오메가, 제타, 델타, 빔펠],
영웅data: [],
필드data: [],
선택카드: null,
선택카드data: null,
이런 식으로 기존 코드에 덱 data 배열에 따로 미리 만들어둔 카드 이름을 넣고
이런 식으로 미리 카드에 따른 능력치 값을 입력시켜놓았는데 이걸 화면상에 구현하는 법을 모르겠습니다.
function Card(name, att, hp, cost) {
this.name = name;
this.att = att;
this.hp = hp;
this.cost = cost;
}
var 알파 = new Card('알파', 8, 35, 1)
var 베타 = new Card('베타', 900, 8570, 6)
var 감마 = new Card('감마', 5, 30, 1)
var 오메가 = new Card('오메가', 450, 7500, 5)
var 제타 = new Card('제타', 15, 70, 2)
var 델타 = new Card('델타', 740, 6850, 5)