https://cargames.click/HotPCMGGame.js

1var createOneCard =function (titleName,picUrl,htmlName,views,websiteName){
2
3
4// Create the <a> element
5    var aElement = document.createElement('a');
6    aElement.classList.add('a-child');
7
8
9    aElement.setAttribute('href', htmlName+'.html');
10
11// Create the <div> with class "child-image"
12    var childImageDiv = document.createElement('div');
13    childImageDiv.classList.add('child-image');
14
15// Create the <img> element
16    var imgElement = document.createElement('img');
17    imgElement.setAttribute('width', '200');
18    imgElement.setAttribute('height', '200');
19
20    imgElement.setAttribute('src', picUrl);
21
22    imgElement.setAttribute('loading', "lazy");
23
24    imgElement.setAttribute('alt', titleName+" "+websiteName+" pic");
25
26
27// Append the <img> element to the "child-image" <div>
28    childImageDiv.appendChild(imgElement);
29
30// Create the <div> with class "child-info"
31    var childInfoDiv = document.createElement('div');
32    childInfoDiv.classList.add('child-info');
33
34// Create the <div> with class "text-overflow child-title"
35    var childTitleDiv = document.createElement('h3');
36    childTitleDiv.classList.add('text-overflow', 'child-title');
37    childTitleDiv.textContent = titleName;
38
39// Create the <div> with class "center-box child-scores"
40    var childScoresDiv = document.createElement('div');
41    childScoresDiv.classList.add('center-box', 'child-scores');
42
43
44
45    var groupStarDiv = document.createElement('div');
46    groupStarDiv.classList.add('d-flex', 'group-star');
47    const svgCode = `   <svg fill="#fbcf3a" width="15" height="15" viewBox="0 -10 511.98685 511" width="12" xmlns="http://www.w3.org/2000/svg">
48                      <path d="m510.652344 185.902344c-3.351563-10.367188-12.546875-17.730469-23.425782-18.710938l-147.773437-13.417968-58.433594-136.769532c-4.308593-10.023437-14.121093-16.511718-25.023437-16.511718s-20.714844 6.488281-25.023438 16.535156l-58.433594 136.746094-147.796874 13.417968c-10.859376 1.003906-20.03125 8.34375-23.402344 18.710938-3.371094 10.367187-.257813 21.738281 7.957031 28.90625l111.699219 97.960937-32.9375 145.089844c-2.410156 10.667969 1.730468 21.695313 10.582031 28.09375 4.757813 3.4375 10.324219 5.1875 15.9375 5.1875 4.839844 0 9.640625-1.304687 13.949219-3.882813l127.46875-76.183593 127.421875 76.183593c9.324219 5.609376 21.078125 5.097657 29.910156-1.304687 8.855469-6.417969 12.992187-17.449219 10.582031-28.09375l-32.9375-145.089844 111.699219-97.941406c8.214844-7.1875 11.351563-18.539063 7.980469-28.925781zm0 0"/>
49                    </svg>
50                    <svg fill="#fbcf3a" width="15" height="15" viewBox="0 -10 511.98685 511" width="12" xmlns="http://www.w3.org/2000/svg">
51                      <path d="m510.652344 185.902344c-3.351563-10.367188-12.546875-17.730469-23.425782-18.710938l-147.773437-13.417968-58.433594-136.769532c-4.308593-10.023437-14.121093-16.511718-25.023437-16.511718s-20.714844 6.488281-25.023438 16.535156l-58.433594 136.746094-147.796874 13.417968c-10.859376 1.003906-20.03125 8.34375-23.402344 18.710938-3.371094 10.367187-.257813 21.738281 7.957031 28.90625l111.699219 97.960937-32.9375 145.089844c-2.410156 10.667969 1.730468 21.695313 10.582031 28.09375 4.757813 3.4375 10.324219 5.1875 15.9375 5.1875 4.839844 0 9.640625-1.304687 13.949219-3.882813l127.46875-76.183593 127.421875 76.183593c9.324219 5.609376 21.078125 5.097657 29.910156-1.304687 8.855469-6.417969 12.992187-17.449219 10.582031-28.09375l-32.9375-145.089844 111.699219-97.941406c8.214844-7.1875 11.351563-18.539063 7.980469-28.925781zm0 0"/>
52                    </svg>
53                    <svg fill="#fbcf3a" width="15" height="15" viewBox="0 -10 511.98685 511" width="12" xmlns="http://www.w3.org/2000/svg">
54                      <path d="m510.652344 185.902344c-3.351563-10.367188-12.546875-17.730469-23.425782-18.710938l-147.773437-13.417968-58.433594-136.769532c-4.308593-10.023437-14.121093-16.511718-25.023437-16.511718s-20.714844 6.488281-25.023438 16.535156l-58.433594 136.746094-147.796874 13.417968c-10.859376 1.003906-20.03125 8.34375-23.402344 18.710938-3.371094 10.367187-.257813 21.738281 7.957031 28.90625l111.699219 97.960937-32.9375 145.089844c-2.410156 10.667969 1.730468 21.695313 10.582031 28.09375 4.757813 3.4375 10.324219 5.187

545 15.9375 5.1875 4.839844 0 9.640625-1.304687 13.949219-3.882813l127.46875-76.183593 127.421875 76.183593c9.324219 5.609376 21.078125 5.097657 29.910156-1.304687 8.855469-6.417969 12.992187-17.449219 10.582031-28.09375l-32.9375-145.089844 111.699219-97.941406c8.214844-7.1875 11.351563-18.539063 7.980469-28.925781zm0 0"/>
55                    </svg>
56                    <svg fill="#fbcf3a" width="15" height="15" viewBox="0 -10 511.98685 511" width="12" xmlns="http://www.w3.org/2000/svg">
57                      <path d="m510.652344 185.902344c-3.351563-10.367188-12.546875-17.730469-23.425782-18.710938l-147.773437-13.417968-58.433594-136.769532c-4.308593-10.023437-14.121093-16.511718-25.023437-16.511718s-20.714844 6.488281-25.023438 16.535156l-58.433594 136.746094-147.796874 13.417968c-10.859376 1.003906-20.03125 8.34375-23.402344 18.710938-3.371094 10.367187-.257813 21.738281 7.957031 28.90625l111.699219 97.960937-32.9375 145.089844c-2.410156 10.667969 1.730468 21.695313 10.582031 28.09375 4.757813 3.4375 10.324219 5.1875 15.9375 5.1875 4.839844 0 9.640625-1.304687 13.949219-3.882813l127.46875-76.183593 127.421875 76.183593c9.324219 5.609376 21.078125 5.097657 29.910156-1.304687 8.855469-6.417969 12.992187-17.449219 10.582031-28.09375l-32.9375-145.089844 111.699219-97.941406c8.214844-7.1875 11.351563-18.539063 7.980469-28.925781zm0 0"/>
58                    </svg>
59                    <svg fill="#fbcf3a" width="15" height="15" viewBox="0 -10 511.98685 511" width="12" xmlns="http://www.w3.org/2000/svg">
60                      <path d="m510.652344 185.902344c-3.351563-10.367188-12.546875-17.730469-23.425782-18.710938l-147.773437-13.417968-58.433594-136.769532c-4.308593-10.023437-14.121093-16.511718-25.023437-16.511718s-20.714844 6.488281-25.023438 16.535156l-58.433594 136.746094-147.796874 13.417968c-10.859376 1.003906-20.03125 8.34375-23.402344 18.710938-3.371094 10.367187-.257813 21.738281 7.957031 28.90625l111.699219 97.960937-32.9375 145.089844c-2.410156 10.667969 1.730468 21.695313 10.582031 28.09375 4.757813 3.4375 10.324219 5.1875 15.9375 5.1875 4.839844 0 9.640625-1.304687 13.949219-3.882813l127.46875-76.183593 127.421875 76.183593c9.324219 5.609376 21.078125 5.097657 29.910156-1.304687 8.855469-6.417969 12.992187-17.449219 10.582031-28.09375l-32.9375-145.089844 111.699219-97.941406c8.214844-7.1875 11.351563-18.539063 7.980469-28.925781zm0 0"/>
61                    </svg>`;
62    for (let i = 0; i < 1; i++) {
63
64        groupStarDiv.innerHTML=(svgCode);
65    }
66
67// childScoresDiv.appendChild(groupStarDiv);
68    childScoresDiv.appendChild(groupStarDiv)
69// Create the <span> element with class "rate-average"
70    var rateAverageSpan = document.createElement('span');
71    rateAverageSpan.classList.add('rate-average');
72    var min = 4.7;
73    var max = 4.9;
74
75    var randomScore = (Math.random() * (max - min) + min).toFixed(1);
76    rateAverageSpan.textContent = randomScore;
77
78// Append the <span> element to the "child-scores" <div>
79    childScoresDiv.appendChild(rateAverageSpan);
80
81// Create the <div> with class "text-overflow child-excerpt"
82    var childExcerptDiv = document.createElement('div');
83    childExcerptDiv.classList.add('text-overflow', 'child-excerpt');
84    childExcerptDiv.textContent = titleName;
85    childExcerptDiv.textContent = views +" views";
86
87
88
89// Append the child elements to the <div> with class "child-info"
90    childInfoDiv.appendChild(childTitleDiv);
91    childInfoDiv.appendChild(childScoresDiv);
92    childInfoDiv.appendChild(childExcerptDiv);
93
94// Append the child elements to the <a> element
95    aElement.appendChild(childImageDiv);
96    aElement.appendChild(childInfoDiv);
97
98// Get the target <div> where you want to add the created HTML snippet
99    var targetDiv = document.getElementById('gameItems');
100
101// Append the <a> element to the target <div>
102    targetDiv.appendChild(aElement);
103
104}
105
106var tempData =data;
107
108tempData.reverse().forEach(item => {
109    // console.log(item.id);
110    // console.log(item.title);
111    connectStr= item.title.replace(/\s/g, "-")
112
113
114    url = item.pngUrl;
115    var webName="";//TODO: add new name
116
117    if(item.type.includes(2) ||item.type.includes(4)||item.type.includes(8)){
118        createOneCard(item.title,url,item.title.replace(/\s/g, "-"),item.views,webName)
119    }
120});