Tell us what’s happening:
Hello there,
can you help with this issue ,please
" singleCardBtn should be set using getElement with ‘#btn-single-card’.
4. singleCard should be set using getElement with ‘.single_card’"
Your code so far
<!-- file: index.html -->
/* file: styles.css */
/* file: index.ts */
// User Editable Region
class Game {
cards: Card[] = [];
private elements: {
singleCardBtn: HTMLElement;
singleCard: HTMLElement;
multipleCardsBtn: HTMLElement;
multipleCard: HTMLElement;
title: HTMLElement;
newReadingBtn: HTMLElement;
fortuneContainer: HTMLElement;
fortuneDescription: HTMLElement;
headerTitle: HTMLElement;
subTitle: HTMLElement;
cardTitle: HTMLElement;
description: HTMLElement;
text: HTMLElement;
};
constructor() {
this.elements = {
singleCardBtn: getElement<HTMLElement>("#btn-single-card"),
singleCard: getElement<HTMLElement>(".single_card"),
multipleCardsBtn: getElement<HTMLElement>(""),
multipleCard: getElement<HTMLElement>(""),
title: getElement<HTMLElement>(""),
newReadingBtn: getElement<HTMLElement>(""),
fortuneContainer: getElement<HTMLElement>(""),
fortuneDescription: getElement<HTMLElement>(""),
headerTitle: getElement<HTMLElement>(""),
subTitle: getElement<HTMLElement>(""),
cardTitle: getElement<HTMLElement>(""),
description: getElement<HTMLElement>(""),
text: getElement<HTMLElement>("")
};
}
}
// User Editable Region
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/153.0.0.0 Safari/537.36
Challenge Information:
Build a Fortune Telling App - Step 20