Insert Item In SharePoint List By Using JavaScript Object Model (JSOM)

Insert an item into a SharePoint list by using the JavaScript Object Model (JSOM).

Use the attached document for graphical representation.

Create a SharePoint List named “Login Details”.

Go to setting and create a column named "UserName", as shown in the below table.

Create a second column as "Password".

sr no	Column Name	Column Type
1	UserName	Single Line of text
2	Password	Single Line of text

Add a new page to the site – To add a new page, click on the gear icon on the top left side of the page and click “Add a Page”.

Name the page as “JSOM” and click "Create".

The JSOM page will open in edited mode. Click on Insert >> Media and Content >> Script Editor, as shown below and click on the "Add" button.

Click on "Edit web part" and then, click on "Edit snippet".

Paste the following code in the code editor window.

a. Be careful to insert your home site URL in the below code.

var siteUrl = 'your site.com/teams/Yout site';