input screen in HTML and JQUERY

Question

I am trying to create a project as below with C# MVC using HTML and JQUERY.Any idea will be appreciated.

 

Functionality

Each text box must hold only 40 characters.

As the user types if the user goes over 40 it should automatically create a new textbox below the current and continue input.

Each alternate textbox should have a light grey background.

Clicking New Line should add a new blank textbox below the current textboxes.

No more input is allowed when 1000 characters are reached.

Clicking X will remove the current textbox, if there’s text prompt the user to confirm.

As the user types, add the complete text into the textbox at the bottom