|
1 | 1 | const emoji = document.getElementById("emoji-icon"); |
2 | 2 | const emojiLabel = document.getElementById("emoji-label"); |
3 | 3 |
|
| 4 | +const EMOJI_API = "https://emoji-api.com/emojis?access_key="; |
| 5 | +const EMOJI_CATEGORIES_API = "https://emoji-api.com/categories?access_key="; |
| 6 | +const API_KEY = "7e66ebb8f262a8be1a9425ba0574aadfc4e872e8"; //use your own api |
| 7 | + |
4 | 8 | let emojis = []; |
5 | 9 |
|
6 | 10 | const random = (max) => Math.floor(Math.random() * max); |
7 | | -console.log(random()); |
8 | 11 |
|
9 | | -const fetchEmoji = async () => { |
| 12 | +const fetchEmoji = async (api) => { |
10 | 13 | try { |
11 | | - const data = await fetch( |
12 | | - "https://emoji-api.com/emojis?access_key=7e66ebb8f262a8be1a9425ba0574aadfc4e872e8" |
13 | | - ); |
| 14 | + const data = await fetch(api + API_KEY); |
14 | 15 | emojis = await data.json(); |
15 | | - // console.log(emojis); |
| 16 | + console.log(emojis); |
| 17 | + |
| 18 | + return emojis; |
16 | 19 |
|
17 | | - if (emojis.length > 0) { |
18 | | - displayRandomEmoji(); |
19 | | - } |
20 | 20 | } catch (error) { |
21 | 21 | console.error("Error :", error); |
22 | 22 | } |
23 | 23 | }; |
24 | 24 |
|
| 25 | + |
| 26 | + |
| 27 | + |
| 28 | + |
25 | 29 | const displayRandomEmoji = () => { |
26 | 30 | if (emojis.length === 0) return; |
27 | 31 | const randomIndex = random(emojis.length); |
28 | | -// console.log(randomIndex); |
| 32 | + console.log(emojis.length); |
| 33 | + |
| 34 | + console.log(randomIndex); |
29 | 35 |
|
30 | 36 | emoji.innerText = emojis[randomIndex].character; |
31 | | - const emojiLabelData = emojis[randomIndex].unicodeName.split(" ").slice(1).join(" "); |
32 | | - emojiLabel.innerText = emojiLabelData.charAt(0).toUpperCase() + emojiLabelData.slice(1); |
33 | | -// console.log(emojis[randomIndex].unicodeName.split(" ").slice(1).join(" ")); |
34 | | - |
| 37 | + const emojiLabelData = emojis[randomIndex].unicodeName |
| 38 | + .split(" ") |
| 39 | + .slice(1) |
| 40 | + .join(" "); |
| 41 | + emojiLabel.innerText = |
| 42 | + emojiLabelData.charAt(0).toUpperCase() + emojiLabelData.slice(1); |
| 43 | + // console.log(emojis[randomIndex].unicodeName.split(" ").slice(1).join(" ")); |
35 | 44 | }; |
36 | 45 |
|
37 | 46 | emoji.addEventListener("click", () => { |
38 | 47 | displayRandomEmoji(); |
| 48 | + |
39 | 49 | }); |
40 | 50 |
|
41 | | -fetchEmoji(); |
| 51 | +fetchEmoji(EMOJI_API); |
0 commit comments