web前端中用户输入商品价格和商品数量，以及收货地址，可以自动打印订单信息

在Web前端中，当用户填写商品价格、商品数量和收货地址等基本信息时，通常会设计一个交互式的表单或者数据输入区域。通过JavaScript或者前端框架（如React、Vue或Angular），你可以创建事件监听器来处理用户的输入。

当用户输入完毕并触发提交按钮，前端代码会获取这些输入值（例如，通过`document.getElementById('price').value`获取价格，`document.getElementById('quantity').value`获取数量等）。然后，你可以将这些数据组合成一个订单对象，包括：

const order = {
  price: parseFloat(priceInput.value), // 将字符串转为数字
  quantity: parseInt(quantityInput.value),
  address: deliveryAddressInput.value,
};

接着，可以利用模板引擎（如Mustache、EJS或直接操作DOM）将这个订单对象渲染成订单信息，显示在预定的区域，比如弹出窗口或表格中。这里是一个简单的示例：

function printOrder() {
  const orderInfo = `订单详情:\n价格: ${order.price}元\n数量: ${order.quantity}\n收货地址: ${order.address}`;
  alert(orderInfo);
}

// 当用户点击提交时，触发printOrder函数
document.querySelector('#submit-button').addEventListener('click', printOrder);