JSFiddle - React, Tailwind, and code Playground

by dshilkret

HTML

<div id="response">
Response
</div><br>
<div id="response2">

</div>
<input type="button" id="button" value="Get" />
<input type="button" id="clear" value="Clear" />

JavaScript

var jsonSP = {"d":{
  "__metadata":{
    "id":"https://<site url>/_api/Web/Lists(guid'da58632f-faf0-4a78-8219-99c307747741')/Fields(guid'fa564e0f-0c70-4ab9-b863-0177e6ddd247')",
    "uri":"https://<site url>/_api/Web/Lists(guid'da58632f-faf0-4a78-8219-99c307747741')/Fields(guid'fa564e0f-0c70-4ab9-b863-0177e6ddd247')",
    "type":"SP.FieldText"
  },
  "CanBeDeleted":false,
  "DefaultValue":null,
  "Description":"",
  "Direction":"none",
  "EnforceUniqueValues":false,
  "EntityPropertyName":"Title",
  "Filterable":true,
  "FromBaseType":true,
  "Group":"Custom Columns",
  "Hidden":false,
  "Id":"fa564e0f-0c70-4ab9-b863-0177e6ddd247",
  "Indexed":false,
  "InternalName":"Title",
  "JSLink":"clienttemplates.js",
  "ReadOnlyField":false,
  "Required":true,
  "SchemaXml":"<Field ID=\"{fa564e0f-0c70-4ab9-b863-0177e6ddd247}\" Type=\"Text\" Name=\"Title\" DisplayName=\"Task Name\" Required=\"TRUE\" SourceID=\"http://schemas.microsoft.com/sharepoint/v3\" StaticName=\"Title\" FromBaseType=\"TRUE\" Sealed=\"TRUE\" ColName=\"nvarchar1\" />",
  "Scope":"/Lists/Backlog items",
  "Sealed":true,
  "Sortable":true,
  "StaticName":"Title",
  "Title":"Task Name",
  "FieldTypeKind":2,
  "TypeAsString":"Text",
  "TypeDisplayName":"Single line of text",
  "TypeShortDescription":"Single line of text",
  "ValidationFormula":null,
  "ValidationMessage":null,
  "MaxLength":255
}}
function getSPJson(json)
{



 for (var j in jsonSP.value) {
 //console.log("jsonSP: "+ JSON.stringify(jsonSP));
 //console.log("jsonSPValue: "+ JSON.stringify(jsonSP.value));
 console.log("jsonSPValueName: "+ JSON.stringify(jsonSP.value[j].name));
 }

}
function getDocs()
{
getSPJson(jsonSP);
var requestBody = ""; 

var client=new...