Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Using Javascript yo solve. Only need to finish the app.js part Web IDE 2. Phone Directory View Debug Terminal Run EXPLORER Phone Directory: V PROJECTS

Using Javascript yo solve. Only need to finish the app.js part

image text in transcribed

image text in transcribed

Web IDE 2. Phone Directory View Debug Terminal Run EXPLORER Phone Directory: V PROJECTS 2 challe. 13 apo.js x 1 var express - require('express'); 2 var path = require('path); 3 var app - express(); app.use(express.static path.join(_dirname, 'view')) 5 app.listen (8600, '0.0.0.0', function() (); latest Phone Directorys a weblaplication that allows alusento manage contacts a moc. . Once a contact is saved, it appears in a cables 7 module.exports - app; The list can be sorted by name. test.js > view gitign tapp.is config... name. packa.. packa... Functionality I It has three fields Name obble and Email All Bare required fielas. . Clicking on the Add donat button should add the contact to the table Before adding a contact the following validations should occur Name Should containion Alphabets and Space, should be less thah oreilal tb 20 tharacters in length Mobile should contain only Numbets should be equal to 10 characters in length Email Should have a proper validation and should be less than 40 characters in lengt Show an errot div with id error! if there is any emot in input formator if there is any empty field. - valid cnacia should get added sequentially in the table. After adding Avalid contact, all fields should be reset to empty. clicking on the name heading in the table should sort it by ascending order of the contact name, Further dicks should alternately sort descending then aldending Odd numbered data fons should have #f2f2f2 as the background Color Exclude th > TYPE HIERAR.. 04.07 Previews Tharal Test Results Help Web IDE There is an initial row with a sample contact The Bata for that now resides in the window.contacts List Variable. This data should remain in the contact List. View Debug Terminal Run EXPLORER NOTE: - No modifications should be made to the HTML tertplate DEMO: = Phone Directory app.js X 1 var express - require('express"); '; 2 var path = require('path'); 3 var app - express(); app.use(express.static(path.join(_dirname, 'view')); 5 app. 11sten(eeee, *0.0.0.0', function() {}); 6 7 module.exports - app: - 4 2 V PROJECTS va challe... Latest moc... test.js a view gitign... 12 app.js config... name... B3 packa. di packa. bile DAN Na Me El 99999 Sext Vilken Git Instructions Use the following commands to work with this project Run Copy po runstart Test Copy no run test {0} > TYPE HERAR... O0AO Previews Install Copy Test Results Help O Web IDE 2. Phone Directory View Debug Terminal Run EXPLORER Phone Directory: V PROJECTS 2 challe. 13 apo.js x 1 var express - require('express'); 2 var path = require('path); 3 var app - express(); app.use(express.static path.join(_dirname, 'view')) 5 app.listen (8600, '0.0.0.0', function() (); latest Phone Directorys a weblaplication that allows alusento manage contacts a moc. . Once a contact is saved, it appears in a cables 7 module.exports - app; The list can be sorted by name. test.js > view gitign tapp.is config... name. packa.. packa... Functionality I It has three fields Name obble and Email All Bare required fielas. . Clicking on the Add donat button should add the contact to the table Before adding a contact the following validations should occur Name Should containion Alphabets and Space, should be less thah oreilal tb 20 tharacters in length Mobile should contain only Numbets should be equal to 10 characters in length Email Should have a proper validation and should be less than 40 characters in lengt Show an errot div with id error! if there is any emot in input formator if there is any empty field. - valid cnacia should get added sequentially in the table. After adding Avalid contact, all fields should be reset to empty. clicking on the name heading in the table should sort it by ascending order of the contact name, Further dicks should alternately sort descending then aldending Odd numbered data fons should have #f2f2f2 as the background Color Exclude th > TYPE HIERAR.. 04.07 Previews Tharal Test Results Help Web IDE There is an initial row with a sample contact The Bata for that now resides in the window.contacts List Variable. This data should remain in the contact List. View Debug Terminal Run EXPLORER NOTE: - No modifications should be made to the HTML tertplate DEMO: = Phone Directory app.js X 1 var express - require('express"); '; 2 var path = require('path'); 3 var app - express(); app.use(express.static(path.join(_dirname, 'view')); 5 app. 11sten(eeee, *0.0.0.0', function() {}); 6 7 module.exports - app: - 4 2 V PROJECTS va challe... Latest moc... test.js a view gitign... 12 app.js config... name... B3 packa. di packa. bile DAN Na Me El 99999 Sext Vilken Git Instructions Use the following commands to work with this project Run Copy po runstart Test Copy no run test {0} > TYPE HERAR... O0AO Previews Install Copy Test Results Help O

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

More Books

Students also viewed these Databases questions

Question

Why could the Robert Bosch approach make sense to the company?

Answered: 1 week ago