单击注释部分中的回复按钮时添加表单

<button id="replyButton">回复</button>
<div id="formContainer"></div>

document.getElementById('replyButton').addEventListener('click', function() {
    // 创建一个新的表单元素
    var newForm = document.createElement('form');
    
    // 添加表单字段，例如一个文本输入框
    var inputField = document.createElement('input');
    inputField.type = 'text';
    inputField.name = 'replyContent';
    newForm.appendChild(inputField);
    
    // 添加提交按钮
    var submitButton = document.createElement('button');
    submitButton.type = 'submit';
    submitButton.textContent = '提交';
    newForm.appendChild(submitButton);
    
    // 将新创建的表单添加到页面中
    document.getElementById('formContainer').appendChild(newForm);
});

newForm.addEventListener('submit', function(event) {
    event.preventDefault(); // 阻止表单默认提交行为
    
    // 使用AJAX提交表单数据
    var formData = new FormData(newForm);
    
    fetch('/submit-reply', {
        method: 'POST',
        body: formData
    })
    .then(response => response.json())
    .then(data => {
        console.log('Success:', data);
        // 处理成功响应后的逻辑，如清空表单或显示成功消息
    })
    .catch((error) => {
        console.error('Error:', error);
        // 处理错误情况
    });
});