Bootstrap add texbox values to list/grid

See more:

Javascript

bootstrap

I'm developing an app using C# ASP.NET MVC 5. I need help with Bootstrap and Javascript. When I click on Add, the values of textboxes (x & y) should be added to the List/Grid below.

Here's an image of what I'm trying to achieve

Here[^]

What I have tried:

I'm a novice to Javascript. Could someone share a relevant resource or code to achieve the same?