-
Notifications
You must be signed in to change notification settings - Fork 0
/
scriptT.js
47 lines (31 loc) · 1.2 KB
/
scriptT.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
// for i_travel.html _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _
const button = document.querySelector("#btn");
button.addEventListener("click", calculateAmount);
let confett = document.querySelector("#my-canvas");
let btnClose = document.querySelector(".close");
function calculateAmount(e) {
e.preventDefault();
const bill = document.querySelector("#bill").value;
const insur = document.querySelector("#insur").value;
const tips = document.querySelector("#tips").value;
const people = document.querySelector("#people").value;
if(bill==="" || people==="" || people < 1) {
Swal.fire({
icon: 'error',
title: 'Error!',
text: 'Please enter your information!'
})
}
let sumBill = +bill + +insur + +tips;
let totalSum = sumBill/people;
totalSum = totalSum.toFixed(2);
document.querySelector("#billAndTip").textContent = totalSum;
confett.classList.add('active');
btnClose.classList.add('active');
}
btnClose.addEventListener("click", ()=>{
document.location.reload();
});
const confettiSettings = { target: 'my-canvas' };
const confetti = new ConfettiGenerator(confettiSettings);
confetti.render();