-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
75 lines (68 loc) · 3.04 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-E91FZD6580"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-E91FZD6580');
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NXBZ5HM4');</script>
<!-- End Google Tag Manager -->
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "nave8rtl1l");
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Attendance Predictor</title>
<meta name="keywords" content="Attendance Calculator, Attendance Predictor, Attendance Tracker, Attendance, Attendance monitoring, Attendance Managment">
<meta name="description" content="The Attendance predictor Project is a tool designed to assist users in predicting their attendance percentage based on their maximum hours, attended hours, and planned absences. This tool is invaluable for students striving to monitor their attendance and meet 75% attendance, which are frequently mandated by educational institutions.">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NXBZ5HM4"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<h1>Attendance Predictor</h1>
<div id="main_cont">
<div>
<label for="max_hours">Enter the Maximum Hours <span id="asterisk">*</span></label>
<input id ="max_hours" type="number">
</div>
<div>
<label for="atd_hours">Enter the Attended Hours <span id="asterisk">*</span></label>
<input id ="atd_hours" type="number">
</div>
<div>
<label for="abs_hours">Enter the Hours Going to be Absent</label>
<input id="abs_hours" type="number">
</div>
<div>
<button type ="submit" onclick="d()"> Calculate</button>
</div>
<p id="current">
Current Percentage: <span id="curr_value">N/A</span>
</p>
<p id="after">
After Absent Percentage: <span id="after_value">N/A
</span> </p>
<p id="hours">
Hours to attend for getting 75%: <span id="hours_value">N/A
</span> </p>
</div>
<script src = "script.js"></script>
</body>
</html>