client based application errors while making a post request

client based application errors while making a post request

hi,
I have made a client based application and i have got access token also but when i use to in my code on header section it gives this error
do i need to have any other token also? in documentation for client based application there are steps for access token only what to do now heres my simple code for refernce

var form = document.createElement("form");
form.setAttribute("method", "post");
form.setAttribute("action", "https://www.zohoapis.in/crm/v2/Contacts");

// Create input fields
var fields = ["First Name", "Last Name", "Company Name", "Work Email", "Contact Number", "Mode of Shipment", "Countries You Ship", "Monthly Shipment", "Customer Type", "Where Did You Hear About Us"];
fields.forEach(function(field) {
    var input = document.createElement("input");
    input.setAttribute("type", "text");
    input.setAttribute("name", field.toLowerCase().replace(/ /g, "_"));
    input.setAttribute("placeholder", field);
    form.appendChild(input);
});

// Create checkbox
var checkbox = document.createElement("input");
checkbox.setAttribute("type", "checkbox");
checkbox.setAttribute("name", "agree_to_terms");
var label = document.createElement("label");
label.innerHTML = "I agree to the Zindus terms of use and acknowledge its privacy statements";
form.appendChild(checkbox);
form.appendChild(label);

// Create signup button
var button = document.createElement("button");
button.setAttribute("type", "submit");
button.innerHTML = "Sign Up";
form.appendChild(button);

// Append form to body
document.body.appendChild(form);



// Add event listener for form submission
form.addEventListener("submit", async function(event) {
    event.preventDefault();

    // Get form data
    var formData = new FormData(form);

    // Convert form data to JSON
    var jsonData = {
        "data": [{
             "First_Name":"Jhon1",
  "Last_Name": "clarke",
  "company_name": "ABC Company",
  "work_email": "john.wick@example.com",
  "contact_number": 123456789,
  "mode_of_shipment": "Air",
  "countries_you_ship": "United States",
  "monthly_shipment": "100",
  "customer_type": "New Customer",
  "where_did_you_hear": "Online Advertisement",
 
  "agree_to_terms": true}],
        "trigger": ["approval", "workflow", "blueprint"]
    };
    // Make API request to Zoho CRM Contacts module
        method: "POST",
        headers: {
            "Authorization": "Bearer access_token",
            "Content-Type": "application/json",
        },
        body: JSON.stringify(jsonData),
    }).then(function(response) {
        return response.json();
    }).then(function(data) {
        console.log(data);
    }).catch(function(error) {
        console.error(error);
    });
});

    • Sticky Posts

    • Kaizen #217 - Actions APIs : Tasks

      Welcome to another week of Kaizen! In last week's post we discussed Email Notifications APIs which act as the link between your Workflow automations and you. We have discussed how Zylker Cloud Services uses Email Notifications API in their custom dashboard.
    • Kaizen #216 - Actions APIs : Email Notifications

      Welcome to another week of Kaizen! For the last three weeks, we have been discussing Zylker's workflows. We successfully updated a dormant workflow, built a new one from the ground up and more. But our work is not finished—these automated processes are
    • Kaizen #152 - Client Script Support for the new Canvas Record Forms

      Hello everyone! Have you ever wanted to trigger actions on click of a canvas button, icon, or text mandatory forms in Create/Edit and Clone Pages? Have you ever wanted to control how elements behave on the new Canvas Record Forms? This can be achieved
    • Kaizen #142: How to Navigate to Another Page in Zoho CRM using Client Script

      Hello everyone! Welcome back to another exciting Kaizen post. In this post, let us see how you can you navigate to different Pages using Client Script. In this Kaizen post, Need to Navigate to different Pages Client Script ZDKs related to navigation A.
    • Kaizen #210 - Answering your Questions | Event Management System using ZDK CLI

      Hello Everyone, Welcome back to yet another post in the Kaizen Series! As you already may know, for the Kaizen #200 milestone, we asked for your feedback and many of you suggested topics for us to discuss. We have been writing on these topics over the