-
Notifications
You must be signed in to change notification settings - Fork 0
/
payment.js
66 lines (54 loc) · 2.2 KB
/
payment.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
62
63
64
65
66
// import {navbar} from "./navbar.js"
// let na = document.querySelector(".navbar");
// na.innerHTML = navbar();
// import {footer} from "./footer.js"
// let ft = document.querySelector(".footer");
// ft.innerHTML = footer();
var inp=document.querySelector(".card-number-input");
var year=document.querySelector(".year-input")
var cvv=document.querySelector(".cvv-input")
var month=document.querySelector(".month-input")
document.querySelector(".cvv-input").onmouseenter = () => {
document.querySelector(".front").style.transform =
"perspective(1000px) rotateY(-180deg)";
document.querySelector(".back").style.transform =
"perspective(1000px) rotateY(0deg)";
};
document.querySelector(".cvv-input").onmouseleave = () => {
document.querySelector(".front").style.transform =
"perspective(1000px) rotateY(0deg)";
document.querySelector(".back").style.transform =
"perspective(1000px) rotateY(180deg)";
};
document.querySelector(".cvv-input").oninput = () => {
document.querySelector(".cvv-box").innerText =
document.querySelector(".cvv-input").value;
};
var submitbtn=document.querySelector(".submit-btn")
submitbtn.addEventListener("click",()=>{
event.preventDefault()
if(inp.value.length < 16){
var msg1=document.querySelector("#warning1")
msg1.textContent="Enter 16-digit card number*"
}
if(year.value==2021 || year.value==2022){
var msg2=document.querySelector("#warning2")
msg2.textContent="Your card has been expired*"
}
if(cvv.value.length<3){
var msg3=document.querySelector("#warning3")
msg3.textContent="Enter 3-digit CVV*"
}
if(inp.value.length >= 12 && year.value!=2021 && year.value!=2022 && cvv.value.length ==3 && month.value!=null){
alert('Thank you, your payment is successful! ');
window.addEventListener('click', function() {
// Redirect to index.html when alert is clicked
window.location.href = 'index.html';
});
// location.href = "index.html";
}
})
// let submitBtn = document.querySelector(".submit-btn");
// submitBtn.addEventListener("click", function (){
// window.location.href = "profile.html"
// })