发布信息
信息列表
script.js
javascript
// 根据表单创建信息对象
function createInfo(title, content, category) {return {title: title,content: content,category: category,createTime: new Date().toLocaleString()};
}// 获取表单数据
function getFormData() {
const title = document.getElementById('title').value;const content = document.getElementById('content').value;const category = document.getElementById('category').value;return createInfo(title, content, category);
}// 清空表单
function clearForm() {document.getElementById('title').value = '';document.getElementById('content').value = '';
}// 将信息对象转换为HTML字符串
function infoToHtml(info) {return `
`;
}// 存储信息
const infos = [];// 提交表单事件处理函数
const form = document.getElementById('publish-form');
form.addEventListener('submit', (e) => {e.preventDefault();const info = getFormData();infos.push(info);const infoHtml = infoToHtml(info);document.getElementById('information-list').innerHTML += infoHtml;clearForm();
});