Training Guide: Programming in HTML5 with JavaScript and CSS3 Ebook

Practice exercises CHAPTER 8 387

});

app.post('/ContactMessage', function (request, response) {

var form = new formidable.IncomingForm();

form.parse(request, function (err, fields) {

var lastName = fields.lastName,

firstName = fields.firstName,

email = fields.email,

message = fields.message;

response.writeHead(200, { 'Content-Type': 'text/html' });

response.write('Thank you, ' + firstName + ' ' + lastName + '<br/>');

response.write('We will contact you at ' + email + '<br/>');

response.end('You message: ' + message + '<br />');

console.log('Handled request for ' + firstName + ' ' + lastName);

});

});

app.post('/ContactService', function (request, response) {

var form = new formidable.IncomingForm();

form.parse(request, function (err, fields) {

var lastName = fields.lastName,

firstName = fields.firstName,

email = fields.email,

message = fields.message,

result = 'Thank you, ' + firstName + ' ' + lastName + '<br/>'

+ 'We will contact you at ' + email + '<br/>'

+ 'You message: ' + message + '<br />';

response.writeHead(200, { 'Content-Type': 'application/json' });

response.end('{ "result": "' + result + '"}');

console.log('Handled service request for ' + firstName + ' ' + lastName);

});

});

var port = 8080;

app.listen(port);

console.log('Listening on port: ' + port);

3. Using Visual Studio, locate the scripts folder that contains the Calculator library.js file.
   Right-click the scripts folder and add a new JavaScript file called ContactUs.js.


4. Open the ContactUs.html file and add