今日鋼廠價格匯總：詳細鋼價信息一網(wǎng)打盡
wujiai
.
.
.
.
.
今日鋼廠價格匯總：詳細鋼價信息一網(wǎng)打盡
鋼廠價格查詢
鋼廠價格統(tǒng)計
鋼號
價格(元/噸)
漲跌
備注
鋼廠價格分析
2022年12月31日 15:00
// 獲取鋼號數(shù)據(jù)
const queryForm = document.getElementById("鋼廠價格查詢表");
const queryResults = document.getElementById("鋼廠價格統(tǒng)計表");
queryForm.addEventListener("submit", event => {
event.preventDefault();
const steel = document.getElementById("鋼號").value.trim();
const results = queryResults.querySelectorAll(tr[data- steel="${steel}"]);
results.forEach(result => {
const columns = result.querySelectorAll("td");
const price = parseFloat(columns[1].textContent);
const priceChange = parseFloat(columns[2].textContent);
const remark = columns[3].textContent;
const data = { steel, price, priceChange, remark };
// 將數(shù)據(jù)添加到表格中
const table = document.getElementById("鋼廠價格統(tǒng)計表");
table.innerHTML = `
${steel}
價格(${price}元/噸)
漲跌(${priceChange}元/噸)
備注
`;
data.priceChange && table.querySelector(trdata-steel="${steel}").innerHTML = `
${data.priceChange}
`;
data.remark && table.querySelector(trdata-steel="${steel}").innerHTML = `
${data.remark}
`;
table.querySelector(tr[data-steel="${steel}"]).innerHTML = `
${data.price}
`;
});
});
// 根據(jù)鋼號統(tǒng)計價格和漲跌數(shù)據(jù)
const steelData = [];
for (let i = 1; i ${steel}
${price}
${priceChange}
${remark}
`;
steelData.push(row);
}
const table = document.getElementById("鋼廠價格分析圖");
table.innerHTML = `
今日鋼廠價格分析
鋼號
價格(元/噸)
漲跌
備注
${steelData.map(row => `
${row.querySelector("td:nth-child(1)").textContent}
${row.querySelector("td:nth-child(2)").textContent}
${row.querySelector("td:nth-child(3)").textContent}
`).join("")}
`;