为什么运行不了在html中，不能添加商品之后计算金额和删除商品数量

这个问题的原因可能有很多，以下是一些可能导致问题的原因和解决方法：

1. 检查 HTML 和 JavaScript 文件的链接是否正确。在 HTML 文件中，你需要确保正确链接了 JavaScript 文件，例如：

<script src="script.js"></script>

2. 检查 JavaScript 中的选择器是否正确。JavaScript 文件中使用选择器来获取页面上的元素，如果选择器不正确，就无法获取到正确的元素。例如，在上面的 JavaScript 代码中，我们使用了以下选择器：

document.querySelectorAll('input[type="number"]');
document.querySelectorAll('form button[type="submit"]');
document.querySelectorAll('.remove');
document.getElementById('checkout');
document.querySelector('main p');

你需要确保这些选择器能够正确地获取到页面上的元素。

3. 检查 JavaScript 中的事件监听器是否正确。在 JavaScript 文件中，我们使用事件监听器来响应页面上的事件，例如点击按钮或提交表单等。如果事件监听器绑定的不正确，就无法响应相应的事件。例如，在上面的 JavaScript 代码中，我们使用了以下事件监听器：

updateButtons.forEach(button => {
  button.addEventListener('click', updateQuantity);
});

removeButtons.forEach(button => {
  button.addEventListener('click', removeItem);
});

checkoutButton.addEventListener('click', () => {
  alert('结算成功！');
});

你需要确保这些事件监听器能够正确地响应相应的事件。

4. 检查 JavaScript 中的函数是否正确。在 JavaScript 文件中，我们定义了一些函数来实现页面上的功能，例如更新数量、删除商品和计算总价等。如果函数定义不正确或者函数调用时出现了错误，就无法正确实现相应的功能。你需要仔细检查这些函数的定义和调用，确保它们能够正常工作。

如果你已经检查了以上所有可能的原因，但仍然无法正常运行页面，那么你可以尝试使用浏览器的开发者工具来调试页面。开发者工具可以帮助你找到页面上的错误和问题，并提供相应的解决方法。