add next round feature
This commit is contained in:
parent
3171175dde
commit
96dcaa2a32
37
game.js
37
game.js
@ -9,6 +9,8 @@ export async function main() {
|
|||||||
.then((response) => response.json())
|
.then((response) => response.json())
|
||||||
.then((json) => cpuList = json);
|
.then((json) => cpuList = json);
|
||||||
|
|
||||||
|
currentCpu = getRandomCpu();
|
||||||
|
nextCpu = getRandomCpu();
|
||||||
updateLayout();
|
updateLayout();
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -29,36 +31,55 @@ export function btnHigherClick() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function showResult(isCorrect) {
|
function showResult(isCorrect) {
|
||||||
|
document.getElementById("btnHigher").setAttribute("disabled", "");
|
||||||
|
document.getElementById("btnLower").setAttribute("disabled", "");
|
||||||
|
|
||||||
document.getElementById("col2").style.backgroundColor = isCorrect ? "lightgreen" : "#FF4444";
|
document.getElementById("col2").style.backgroundColor = isCorrect ? "lightgreen" : "#FF4444";
|
||||||
|
|
||||||
document.getElementById("nextCpuScore").innerHTML = nextCpu.score.toString();
|
|
||||||
countUp();
|
countUp();
|
||||||
}
|
}
|
||||||
|
|
||||||
function updateLayout() {
|
function updateLayout() {
|
||||||
currentCpu = getRandomCpu();
|
|
||||||
document.getElementById("currentCpuTitle").innerText = currentCpu.name;
|
document.getElementById("currentCpuTitle").innerText = currentCpu.name;
|
||||||
// add "." to large numbers
|
// add "." to large numbers
|
||||||
document.getElementById("currentCpuScore").innerText = new Intl.NumberFormat().format(currentCpu.score)
|
document.getElementById("currentCpuScore").innerText = new Intl.NumberFormat().format(currentCpu.score)
|
||||||
nextCpu = getRandomCpu();
|
|
||||||
document.getElementById("nextCpuTitle").innerText = nextCpu.name;
|
document.getElementById("nextCpuTitle").innerText = nextCpu.name;
|
||||||
|
|
||||||
|
document.getElementById("nextCpuScore").innerText = "?";
|
||||||
|
|
||||||
|
document.getElementById("col2").style.backgroundColor = "";
|
||||||
|
}
|
||||||
|
|
||||||
|
function delay(time) {
|
||||||
|
return new Promise(resolve => setTimeout(resolve, time));
|
||||||
}
|
}
|
||||||
|
|
||||||
async function countUp() {
|
async function countUp() {
|
||||||
document.getElementById("btnHigher").setAttribute("disabled", "");
|
|
||||||
document.getElementById("btnLower").setAttribute("disabled", "");
|
|
||||||
|
|
||||||
const options = {
|
const options = {
|
||||||
startVal: 0,
|
startVal: nextCpu.score / 2,
|
||||||
separator: '.',
|
separator: '.',
|
||||||
decimal: ',',
|
decimal: ',',
|
||||||
|
duration: 2
|
||||||
};
|
};
|
||||||
let counter = new CountUp('nextCpuScore', nextCpu.score, options);
|
let counter = new CountUp('nextCpuScore', nextCpu.score, options);
|
||||||
if (!counter.error) {
|
if (!counter.error) {
|
||||||
await counter.start();
|
counter.start();
|
||||||
} else {
|
} else {
|
||||||
counter.error(demo.error);
|
counter.error(demo.error);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
await delay(3000)
|
||||||
|
nextRound();
|
||||||
|
|
||||||
|
document.getElementById("btnHigher").removeAttribute("disabled");
|
||||||
|
document.getElementById("btnLower").removeAttribute("disabled");
|
||||||
|
}
|
||||||
|
|
||||||
|
function nextRound() {
|
||||||
|
currentCpu = nextCpu;
|
||||||
|
nextCpu = getRandomCpu();
|
||||||
|
|
||||||
|
updateLayout();
|
||||||
}
|
}
|
||||||
|
|
||||||
function getRandomInt(min, max) {
|
function getRandomInt(min, max) {
|
||||||
|
Loading…
Reference in New Issue
Block a user