REST APIを使ってHTMLのフォームから入力されたタイトルと内容を表示し、編集・削除するシステムを作成するには

REST APIを使ってHTMLのフォームから入力されたタイトルと内容を表示し、編集・削除するシステムを作成するには、以下の手順を実行する必要があります。

1. HTMLのフォームを作成する。

まず、入力フォームを作成します。以下は、タイトルと内容を入力するフォームの例です。

```

<form>

  <label for="title">タイトル:</label>

  <input type="text" id="title" name="title"><br><br>

  <label for="content">内容:</label>

  <textarea id="content" name="content"></textarea><br><br>

  <button id="submit" type="submit">投稿する</button>

</form>

```

2. REST APIを使用して投稿を作成する。

フォームから送信されたデータを取得して、REST APIを使用して投稿を作成します。以下は、fetch APIを使用して投稿を作成する例です。

```

const submitButton = document.getElementById('submit');

submitButton.addEventListener('click', (event) => {

  event.preventDefault();

  const title = document.getElementById('title').value;

  const content = document.getElementById('content').value;

  fetch('/posts', {

    method: 'POST',

    headers: {

      'Content-Type': 'application/json'