展開檔案卡查看必要差異；只有程式碼區可以橫向捲動。

前一步與本步驟沒有實質差異。

本步驟不需修改此語言。

前一步與本步驟沒有實質差異。

本步驟不需修改此語言。

function createPayload(){return {}}
async function handleSubmit(event){event.preventDefault();status.textContent="尚未完成送出流程"}

function createPayload(){return {name:form.elements.name.value.trim(),email:form.elements.email.value.trim(),message:form.elements.message.value.trim()}}
async function handleSubmit(event){event.preventDefault();const payload=createPayload();const error=validate(payload);preview.textContent=JSON.stringify(payload,null,2);status.textContent=error||"尚未完成送出流程"}

本練習沒有這個檔案。

本步驟不需修改此語言。

1. 準備

   先保持表單空白並開啟 DevTools Console；Solution 再觀察送出期間的按鈕與狀態文字。

2. 操作

   填入有效資料後送出，查看預覽區並確認 JSON payload 的欄位和值正確。

3. 預期

   預覽區顯示即將送出的 JSON