-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (105 loc) · 5.98 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>The Mystery Box</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h2>
<center>THE MYSTERY BOX- Registration Form</center>
</h2>
<div>
<form method="POST" name="google-sheet">
<label for="name">Name</label>
<input type="text" id="name" name="name" placeholder="Your name.." required>
<label for="email">Email</label>
<input type="email" id="email" name="email" placeholder="Your email.." required>
<label for="number">Mobile Number</label>
<input type="number" id="number" name="number" placeholder="Your WhatsApp Number.." required>
<label for="branch">Branch</label>
<select id="branch" name="branch" required>
<option value="">-- Select a Branch name --</option>
<option value="CS">Computer Science</option>
<option value="IT">Information Technology</option>
<option value="EC">Electronics and Communication Engineering</option>
<option value="EE">Electrical Engineering</option>
<option value="ME">Mechanical Engineering</option>
<option value="CE">Civil Engineering</option>
<option value="AI&ML">AI&ML</option>
<option value="BBA/BCA">BBA/BCA</option>
</select>
<label for="year">Year</label>
<select name="year" id="year" required>
<option value="">-- Select your year --</option>
<option value="1">1st</option>
<option value="2">2nd</option>
<option value="3">3rd</option>
<option value="4">4th</option>
</select>
<label for="payment">Mode of Payment</label>
<select id="payment" name="payment" required>
<option value="">-- Select a Payment Mode --</option>
<option value="online">Online Payment</option>
<option value="cash">Cash Payment</option>
</select>
<label for="pay">Pay ₹30/- to the below UPI</label>
<span class="upi">9616099356@paytm</span>
<label for="uploadfile">Payment Reference Number <br> <span>(if paid online)</span> </label>
<input type="number" id="uploadfile" name="uploadfile">
<input type="submit" name="submit" value="Submit">
</form>
</div>
<section class="rules">
<h2> <center>Instructions of the Game</center> </h2>
<ol type="1">
<li class="points" id="one">The game is all about finding <b class="mystery">THE MYSTERY BOX</b> by cracking the riddles.</li>
<li class="points" id="two">It will be a team competition among which who finds THE MYSTERY BOX first,<b class="mystery">WINS!!</b></li>
<li class="points" id="three">There is going to be total <b class="mystery">06 RIDDLES</b> divided into <b class="mystery">04 ROUNDS</b></li>
</ol>
<ul>
<li class="roundone"> <b class="mystery">ROUND 01</b></li>
<ul class="rounds">
<li class="rone"> <h5>IDENTIFY THE PLACE (First 03 Riddles):</h5> Has to crack the particular 'places' within the campus.</li>
</ul>
<li class="roundtwo"> <b class="mystery">ROUND 02</b></li>
<ul class="rounds">
<li class="rtwo"> <h5>IDENTIFY THE OBJECT (04th Riddle):</h5> Identify and find the 'object' somewhere in the premise.</li>
</ul>
<li class="roundthree"> <b class="mystery">ROUND 03</b></li>
<ul class="rounds">
<li class="rthree"> <h5>FINDING THE KEYS (05th Riddle):</h5> There will be only "02 keys" to THE MYSTERY BOX and teams who finds them first will enter the Final Round!</li>
</ul>
<li class="roundfour"> <b class="mystery">ROUND 04</b></li>
<ul class="rounds">
<li class="rfour"> <h5>FINDING THE KEYS (05th Riddle):</h5> There will be only "02 keys" to THE MYSTERY BOX and teams who finds them first will enter the Final Round!</li>
</ul>
<h2 class="pointtoremember">Points to remember</h2>
<li>There will be certain number of <b class="mystery">attempts</b> for each ROUND as mentioned :</li>
<ol class="attempts" id="attempts" type="a">
<li class="attemptone">ROUND 01: 03 attempts</li>
<li class="attempttwo">ROUND 02: 02 attempts </li>
<li class="attemptthree">ROUND 03: 01 attempt</li>
</ol>
<li>All the riddles and answer to them will be send via digital form<b class="mystery">(WhatsApp).</b></li>
<li class="format">Answer format for first <b class="mystery">02</b> Round will be as mentioned below:</li>
<ol class="attempts" id="attempts" type="a">
<li class="attemptone">ROUND 01: Name of the<b class="mystery">place</b></li>
<li class="attempttwo">ROUND 02: PICTURE of the<b class="mystery">object</b></li>
</ol>
<li>All participants have to form a<b class="mystery">team of 04.</b></li>
<li class="format">The TEAM who cracks all the riddles first and reaches to the <b class="mystery">THE MYSTERY BOX</b> within time, <b class="mystery">wins!!!.</b></li>
</ul>
</section>
<script>
const scriptUrl = 'https://script.google.com/macros/s/AKfycbxf3__9FeNmZJKkO41PymALHuxLuUqCOT9wVpJXA9pb5P88kuUc_mY-J4sSpqSiebF8/exec'
const form = document.forms['google-sheet']
form.addEventListener('submit', e => {
e.preventDefault()
fetch(scriptUrl, { method: 'POST', body: new FormData(form) })
.then(Response => alert("Your response has been recorded."))
.catch(error => console.error('Error!', error.message))
})
</script>
</body>
</html>