-
Notifications
You must be signed in to change notification settings - Fork 20
/
Copy pathindex.html
142 lines (133 loc) · 4.17 KB
/
index.html
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<link
rel="icon"
type="image/x-icon"
href="favicon1.ico"
/>
<title>CC VERIFICATION</title>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
crossorigin="anonymous"
/>
<link
href="https://fonts.googleapis.com/css2?family=Grandstander&family=Rajdhani&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="./src/css/style.css" />
<script src="./src/js/script.js" type="application/javascript"></script>
<link
href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap"
rel="stylesheet"
/>
<title>CreditCardVerifier</title>
<!-- Google tag (gtag.js) -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5SV5N6SH20"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-5SV5N6SH20');
</script>
</script>
</head>
<body>
<div class="container content">
<h1>Credit Card Number Validity Checker</h1>
<hr />
<input
id="check_value"
type="text"
name="Number to Check"
value=""
onkeyup="check_enter_key(event)"
/>
<button
id="verify_button"
name="verify"
onclick="verify_number()"
>
Verify
</button>
<div class="output" id="card-output">
<p id="is_card_valid">
<strong>VALID: </strong><span id="card-valid-value"> </span>
</p>
<p id="card_type">
<strong>TYPE: </strong><span id="card-type-value"></span>
</p>
</div>
<br /><br />
<div class="container content">
<table style="width: 100%; color: white">
<caption style="text-align: center; color: white">
Credit Card Examples
</caption>
<tr>
<th style="text-align: center">Credit Card Type</th>
<th style="text-align: center">Credit Card Number</th>
</tr>
<tr>
<td>American Express</td>
<td>371449635398431</td>
</tr>
<tr>
<td>Diners Club</td>
<td>3056930902590400</td>
</tr>
<tr>
<td>Discover</td>
<td>6011111111111117</td>
</tr>
<tr>
<td>JCB</td>
<td>3530111333300000</td>
</tr>
<tr>
<td>MasterCard</td>
<td>5555555555554444</td>
</tr>
<tr>
<td>Visa</td>
<td>4111111111111111</td>
</tr>
<tr>
<td>Union Pay</td>
<td>6233222222222222</td>
</tr>
<tr>
<td>RuPay</td>
<td>6027777777776666</td>
</tr>
</table>
</div>
<br />
<div class="info">
<p>
This program works on <b style="color: teal"><a href="https://en.wikipedia.org/wiki/Luhn_algorithm">Luhn algorithm</b></a>, also
known as the modulus 10 or mod 10 algorithm, which is a simple
checksum formula used to validate a variety of identification numbers,
such as credit card numbers, IMEI numbers, Canadian Social Insurance
Numbers.
</p>
</div>
<p style="font-size: 5mm;font-weight:bold;color:blanchedalmond">
For more info-
<br /><br />
<a href="https://www.geeksforgeeks.org/luhn-algorithm/">
<button id="clickHere" class="btn btn-link btn-sm">Click here</button>
</a>
</p>
<hr />
</div>
<footer style="text-align: center; font-weight: bold;font-size: 5mm;">
<p>acmpesuecc</p>
<p><a href="https://github.com/acmpesuecc/CreditCardVerifier">Github Repository</a></p>
</footer>
</body>
</html>