Use Form input data to construct an object : Constructor « Object Oriented « JavaScript Tutorial
- JavaScript Tutorial
- Object Oriented
- Constructor
<html>
<head>
<script language="Javascript" type = "text/javascript">
<!--
function EmployeeObj() {
this.name = "";
this.address = "";
this.telephone = "";
this.emailaddress = "";
}
var newEmployee = new EmployeeObj();
function createEmployee() {
newEmployee.name = Employeeform.name.value;
newEmployee.address = Employeeform.address.value;
newEmployee.telephone = Employeeform.phone.value;
newEmployee.emailaddress = Employeeform.email.value;
alert("Hello " + newEmployee.name);
}
//-->
</script>
</head>
<body>
<form name="Employeeform">
<u><b>Employee Information</b></u></p>
<P><b>Name:</b>
<input type="text" name="name" size="20"></p>
<P><b>Address: </b><input type="text" name="address" size="55"></p>
<P><b>Telephone:</b> <input type="text" name="phone" size="20"></p>
<P><b>Email:</b>
<input type="text" name="email" size="20"></p>
<P><input type="submit" value="Submit" OnClick="createEmployee()"></p>
</form>
</body>
</html>