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) => {
0
500円