-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.js
50 lines (43 loc) · 1.47 KB
/
app.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
const dateOfBirth = document.querySelector('#txtDob');
const luckyNumber = document.querySelector('#txtLuckyNo');
console.log("Happy Birthday!!!1");
const modal = document.querySelector('#modal');
const modalBody = document.querySelector('#modalBody');
const closeBtn = document.querySelector('.close');
var checkBtn = document.querySelector('#checkBtn');
const checkBirthdateIsLucky = () => {
const dob = dateOfBirth.value;
const number = luckyNumber.value;
const sum = calculateSum(dob);
if(dob === '' || number === ''){
modalBody.innerHTML = '<div><h2>Please fill out the Date of Birth and Your Lucky Number</h2></div>';
modal.style.display='block';
}else{
if(sum%number === 0){
modalBody.innerHTML = `<div><h2>Hurray! Your Birthday is Lucky!</h2></div>`;
modal.style.display='block';
}else{
modalBody.innerHTML=`<div><h2>OOPS! Your birthday is not lucky!!</h2></div>`;
modal.style.display='block';
}
}
};
const calculateSum = (dob) => {
dob = dob.replaceAll('-','');
let sum = 0;
for(let i=0;i<dob.length;i++){
sum = sum+Number(dob.charAt(i));
}
return sum;
};
checkBtn.addEventListener('click',checkBirthdateIsLucky);
closeBtn.onclick = () => {
modal.style.display = 'none';
modalBody.innerHTML = '';
};
window.onclick = function(event){
if(event.target === modal){
modal.style.display = 'none';
modalBody.innerHTML='';
}
};