You are on page 1of 2

Code:

HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>STUDENT DETAILS</h1>
<form>
<label>REGISTRATION NUMBER:</label>
<input type="number" id="regno" placeholder="Enter your reg. no."><br><br>
<label>NAME</label>
<input type="text" id="name" placeholder="Enter your name"><br><br>
<label>CGPA:</label>
<input type="number" id="cgpa" placeholder="Enter your CGPA"><br><br>
<label>SEX:</label>
<select name="sex" id="sex">
<option value="select">select</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
<option value="Non-binary">Non-binary</option>
</select><br><br>
<label>MOBILE NUMBER:</label>
<input type="number" id="mobile" placeholder="Enter your mobile no"><br><br>
<button type="reset">RESET</button>
</form>
<button onclick="submit()">SUBMIT</button>
<p id="result"></p>
<script src="labwork.js"></script>

</body>
</html>

JAVASCRIPT:
function submit(){
var person=
{
regno:document.getElementById("regno").value,
name:document.getElementById("name").value,
cgpa:document.getElementById("cgpa").value,
sex:document.getElementById("sex").value,
mobile:document.getElementById("mobile").value,
};
document.getElementById("result").innerHTML="The record of"+person.name+"has been saved successfully";

You might also like