您黄金的价格是多少?
.
.
.col-
.col-
.col-
.total-
.price-per-
.input-
.input-
.input-field input[type="number"] {
width: auto;
padding: 10px 15px;
border: none;
border-radius: 5px;
font-size: 18px;
}
.input-field .input-
.button-
.
.button-
.price-
.price-history .price-
.price-history .price-
.price-history .price-
.price-history .total-
.product-
.product-history .product-
.product-history .start-
.product-history .end-
.product-history .price-per-
.product-history .price-
.product-history .total-
.
.footer
.footer a:
您黄金的价格是多少?
$购买
了解更多
价格历史
价格
日期
值
百分比
价格
日期
值
百分比
产品历史
产品名称
开始日期
结束日期
价格
百分比
产品名称
开始日期
结束日期
价格
百分比
© 2022 您黄金的价格是多少?
// 为购买按钮绑定事件document.querySelector('button[data-price]').addEventListener('click', function() {
const goldPrice = document.getElementById('gold-price').value;
const pricePerGram = parseInt(document.getElementById('price-per-gram').value);
const totalPrice = goldPrice * pricePerGram;
document.getElementById('total-price').innerHTML = 购买黄金需要${totalPrice}美元;
});
// 为了解更多按钮绑定事件
document.querySelector('button[data-price]').addEventListener('click', function() {
// 在新窗口中打开更多内容
window.open(https://api.example.com/products/${encodeURIComponent('黄金')});
});