-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
61 lines (57 loc) · 2.46 KB
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
// generate Button Event Handler
const generateBtn = document.getElementById("generate-pin")
generateBtn.addEventListener("click", function () {
const generateRandomNumber = Math.floor(1000 + Math.random() * 9000);
document.getElementById("pin-output").value = generateRandomNumber;
optimize(); //new function for better look
});
// Submit Button Event Handler
document.getElementById("submit").addEventListener("click", function () {
const generatedPin = document.getElementById("pin-output").value;
const inputNumber = document.getElementById("numberOutput").value;
if (generatedPin == inputNumber && generatedPin != 0) {
const submitOutput = document.getElementById("matched");
submitOutput.style.display = "block";
document.getElementById("numberOutput").value = "";
document.getElementById("pin-output").value = "";
// when pin is matched then 3 try left removed...
const errorCounter = document.getElementById("errorCounter");
errorCounter.style.display = "none";
// when pin is matched then error message will remove...
const removeErrorMsg = document.getElementById("error");
removeErrorMsg.style.display = 'none';
}
if (generatedPin != inputNumber || generatedPin == 0) {
const submitOutput = document.getElementById("error");
submitOutput.style.display = "block";
document.getElementById("numberOutput").value = "";
chanceCounter(); //new function for 3 try left
}
});
function chanceCounter() {
const chance = document.getElementById('count');
const count = parseInt(chance.innerText);
const reduceChance = count - 1;
chance.innerText = reduceChance;
if (chance.innerText == 0) {
var removeSubmitBtn = document.getElementById('submit');
removeSubmitBtn.style.display = "none";
const errorCounter = document.getElementById("errorCounter");
errorCounter.style.display = "none";
const specialMessage = document.getElementById('extra-message'); //just for better look
specialMessage.style.display = "block";
}
if (chance.innerText == 1) {
alert('Hey! You have only one chance left. So becareful!');
}
}
function optimize() {
const removeSuccessMsg = document.getElementById("matched");
removeSuccessMsg.style.display = "none";
// for remove error message
const removeErrorMsg = document.getElementById("error");
removeErrorMsg.style.display = "none";
// for show error Counter
const showTry = document.getElementById("errorCounter");
showTry.style.display = "block";
};