Project_SPACE/fpass.html at main · Krite-in/Project_SPACE · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="shortcut icon" type="image/png" href="image/tab_logo.png">
	<link rel="stylesheet" type="text/css" href="css/fpass.style.css">
	<title>
		Space Reach
	</title>
</head>
<body>
	<div class="main">
		<div class="navbar">
			<img src="image/Space_Age_logo.png" class="logo">
			<nav>
				<ul>
					<li><a href="index.html" class="home">Home</a></li>
					<li><a href="about.html" class="about">About</a></li>
					<li><a href="gallery.html" class="gallery">Gallery</a></li>
					<li><a href="tour.html" class="tour">Tour</a></li>
					<li><a href="LogIn.html" class="account">Account</a></li>
				</ul>
			</nav>
		</div>
		<div class="form-box">
			<h4>Forgot Password</h4>
			<form action="passchange.html" name="myform" onsubmit="return validateform()">
				<input type="text" class="input-field" name="Registered Id" placeholder="Registered ID" required>
				<input type="text" class="input-field" name="otp" placeholder="OTP" required>
				<div class="btn-box" id="btn">
					<button type="button" value="sendotp" id="sendotp" onclick="generateOTP()">SEND OTP</button>
					<button type="submit" value="next" id="next" >NEXT
					</button>
				</div>
			</form>
		</div>
		<div class="links">
			<a href="#" class="mata">Mataverse</a>
			<a href="#" class="unreal">Unreal</a>
			<a href="#" class="deeplink">DeepLink</a>
		</div>
	</div>
	<script type="text/javascript">
			function generateOTP() {

    // Declare a string variable
    // which stores all string
    var string = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
    let OTP = '';

    // Find the length of string
    var len = string.length;
    for (let i = 0; i < 6; i++ ) {
        OTP += string[Math.floor(Math.random() * len)];
    }
    xyz=OTP;
    alert("OTP sent...")
    alert(xyz)
	}
	function validateform(){
		var otp=document.myform.otp.value;
		if(otp!=xyz){
		  alert("Wrong OTP Please try again");
		  return false;
		}
	}


	</script>
</body>
</html>