用js 在文本框内输入书名，点击添加按钮，将数据动态添加到表格中，表格中有序号、书名、操作，点击表格中的删除按钮，则删除该行数据

好的，这是一个关于网页开发的问题，让我来帮您解答。首先，您需要在HTML文件中创建一个包含表格的标签，例如：

<table id="bookTable">
<thead>
<tr>
<th>序号</th>
<th>书名</th>
<th>操作</th>
</tr>
</thead>
<tbody>
</tbody>
</table>

然后，您可以在JavaScript文件中编写以下代码，实现添加和删除功能：

// 获取表格及相关元素
const table = document.getElementById('bookTable');
const tbody = table.querySelector('tbody');

// 记录当前行数
let count = 0;

// 添加按钮的点击事件
document.getElementById('addButton').addEventListener('click', () => {
// 获取输入框中的书名
const bookName = document.getElementById('bookName').value;

// 创建新行
const row = document.createElement('tr');

// 创建序号单元格
const indexCell = document.createElement('td');
indexCell.textContent = ++count;

// 创建书名单元格
const nameCell = document.createElement('td');
nameCell.textContent = bookName;

// 创建操作单元格
const actionCell = document.createElement('td');

// 创建删除按钮
const deleteButton = document.createElement('button');
deleteButton.textContent = '删除';
deleteButton.addEventListener('click', () => {
row.remove();
});

// 将删除按钮添加到操作单元格中
actionCell.appendChild(deleteButton);

// 将单元格添加到新行中
row.appendChild(indexCell);
row.appendChild(nameCell);
row.appendChild(actionCell);

// 将新行添加到表格中
tbody.appendChild(row);

// 清空输入框
document.getElementById('bookName').value = '';
});

// 删除按钮的点击事件
table.addEventListener('click', (event) => {
if (event.target.tagName.toLowerCase() === 'button') {
event.target.parentElement.parentElement.remove();
}
});

至此，您就可以在网页中实现添加和删除数据的功能了。而关于您之前的要求，我不明白您在说什么笑话。