Javascript 如何在登录页面后使用异步函数创建新帖子

我需要帮助创建一个表单，在该表单中，用户将登录，并在验证他们已使用令牌登录后创建自己的帖子。实际上，我正在尝试创建一个表单，该表单将提交输入值以在页面上创建帖子，但仅在用户登录时显示表单

这是我的html：

 <div class = "addNewPost">
    <div class = "content">
      <h3>Create New Post</h3>
      <form class="" action="" method="">

            <label for="title">Title</label>
            <input type="text" id="title" required="">
            <!-- <h5>This is a required field</h5> -->
          </br>
            <label for="description">Description</label>
            <textarea id="description" columns="40" rows="5"></textarea>
          </br>
            <label for="location">Location</label>
            <textarea id="location" columns="40" rows="1"></textarea>
          </br>       
            <label for="price">Price</label>
            <textarea id="price" columns="40" rows="1"></textarea>
           </br>          
           <div class="custom-control custom-checkbox">
            <input type="checkbox" class="custom-control-input" id="customCheck1">
            <label class="custom-control-label" for="customCheck1">Shipping Available</label>
          </div>
          
          
            <div class="actions">
            <button class="create-newpost">
                Add
            </button>
      
            <button class="action cancel-new-post">
             <span class="action-text">Cancel</span>
             </button>
            </div>

---

您面临的错误是什么？@CertainPerformance不只是使用JS，我有一个名为state的全局变量，其中我有一个空字符串，用于将附加到我的帖子中。@SerShubham我遇到了一个问题，即如何从提交表单将其附加到我的data.post中。

const newPost = async post => {
try {
    const response = await fetch(`${ API }/posts`, {
       method: 'POST',
       headers: {
           'Content-Type': 'application/json',
           'Authorization': `Bearer ${state.token}`
       },
       body: JSON.stringify({post}) 
    });
    const addingPost = await response.json();
    console.log('addingPost: ',addingPost.data.post);
    state.posts.unshift(addingPost.data.post)
  } catch (error) {
      console.error(error)
  }
}