. 给“减”按钮添加 click 事件，点击后数量减 1。给“加”按钮添加 click 事件， 点击后数量加 1。同时，每次数量的变化，总价都会随着变化

假设有一个数量输入框和两个按钮，一个是“减”按钮，一个是“加”按钮，还有一个显示总价的元素。可以使用以下代码实现你的需求：

HTML 代码：

<input type="number" id="quantity" value="1">
<button id="minusBtn">减</button>
<button id="plusBtn">加</button>
<div>总价：<span id="totalPrice">10</span> 元</div>

JavaScript 代码：

// 获取元素
let quantityInput = document.querySelector('#quantity');
let minusBtn = document.querySelector('#minusBtn');
let plusBtn = document.querySelector('#plusBtn');
let totalPriceElem = document.querySelector('#totalPrice');

// 定义单价和数量
const price = 10;
let quantity = Number(quantityInput.value);

// 更新总价函数
function updateTotalPrice() {
  let totalPrice = price * quantity;
  totalPriceElem.textContent = totalPrice.toFixed(2);
}

// 给减按钮添加点击事件
minusBtn.addEventListener('click', function() {
  if (quantity > 1) {
    quantity--;
    quantityInput.value = quantity;
    updateTotalPrice();
  }
});

// 给加按钮添加点击事件
plusBtn.addEventListener('click', function() {
  quantity++;
  quantityInput.value = quantity;
  updateTotalPrice();
});

// 初始化总价
updateTotalPrice();

在上面的代码中，我们首先获取了需要用到的元素，然后定义了单价和数量。接下来，我们定义了一个更新总价的函数 `updateTotalPrice`，该函数会根据当前的单价和数量计算出总价并更新显示。然后，我们给“减”按钮和“加”按钮分别添加了点击事件监听器，并在函数中修改数量和更新总价。最后，我们调用了一次 `updateTotalPrice` 来初始化总价的显示。