Search the Community

This is my HTML <form id="form" method="post"> First Name : <input type="text" id="fname" name="fname"> <br> Last Name : <input type="text" id="lname" name="lname"> <br> Department : <select name="department" id="department"> <option value="accounts">Accounts</option> <option value="hr">HR</option> <option value="it">Information Technology</option> <input type="submit" id="submit" value="Add Employee"> <div id="output"></div> </form> </select> This is my CSS ! function calculate(){ 'use strict'; var fname = document.getElementById('fname').value; var lname = document.getElementById('lname').value; var depart = document.getElementById('department').value; var output = document.getElementById('output'); var employee = { firstname:fname, lastname:lname, department:depart, hireDate:new Date() }; var msg = '<h2>Employee Added</h2> Name : ' + employee.firstname + employee.lastname + '<br>'; msg += 'Department : ' + employee.department + '<br>'; msg += 'Hire Date : ' + employee.hireDate.toDateString(); output.innerHTML = msg; } function init() { 'use stric'; var form = document.getElementById('form'); form.onsubmit = calculate; }; // end init() window.onload = calculate; For unknown reason i cant figured it out what is the problem please help