{"id":6156,"date":"2025-12-16T09:48:19","date_gmt":"2025-12-16T01:48:19","guid":{"rendered":"https:\/\/anisteel.com\/?p=6156"},"modified":"2025-12-16T09:50:11","modified_gmt":"2025-12-16T01:50:11","slug":"calculator-for-steel-sheets-and-plates","status":"publish","type":"post","link":"https:\/\/anisteel.com\/it\/calculator-for-steel-sheets-and-plates\/","title":{"rendered":"weight calculator of steel plate"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<title>Calculator for Steel Sheets and Plates<\/title>\n<style>\n\/* \u5b8c\u5168\u6cbf\u7528\u4f60\u539f\u4ee3\u7801\u7684\u6837\u5f0f\uff0c\u4ec5\u628a\u7ed3\u679c\u6570\u503c\u989c\u8272\u6539\u4e3a\u84dd\u8272 *\/\n.steel-calculator {\n    max-width: 500px;\n    margin: 20px auto;\n    padding: 30px;\n    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n    border-radius: 15px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n    font-family: 'Arial', sans-serif;\n}\n.calculator-title {\n    text-align: center;\n    color: #2c3e50;\n    margin-bottom: 25px;\n    font-size: 24px;\n    font-weight: bold;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n.input-group {\n    margin-bottom: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n.input-group label {\n    font-weight: bold;\n    color: #34495e;\n    flex: 1;\n    margin-right: 15px;\n}\n.input-group input {\n    width: 120px;\n    padding: 10px;\n    border: 2px solid #3498db;\n    border-radius: 8px;\n    font-size: 16px;\n    text-align: center;\n    transition: all 0.3s ease;\n}\n.input-group input:focus {\n    outline: none;\n    border-color: #2980b9;\n    box-shadow: 0 0 10px rgba(52, 152, 219, 0.3);\n}\n.unit {\n    margin-left: 10px;\n    color: #7f8c8d;\n    font-weight: bold;\n    min-width: 30px;\n}\n.calculate-btn {\n    width: 100%;\n    padding: 15px;\n    background: linear-gradient(45deg, #3498db, #2980b9);\n    color: white;\n    border: none;\n    border-radius: 10px;\n    font-size: 18px;\n    font-weight: bold;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    margin: 20px 0;\n}\n.calculate-btn:hover {\n    background: linear-gradient(45deg, #2980b9, #21618c);\n    transform: translateY(-2px);\n    box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n}\n.result-section {\n    background: white;\n    padding: 20px;\n    border-radius: 10px;\n    margin-top: 20px;\n    border: 2px solid #ecf0f1;\n}\n.result-item {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 15px;\n    padding: 10px;\n    background: #f8f9fa;\n    border-radius: 8px;\n    border-left: 4px solid #3498db;\n}\n.result-label {\n    font-weight: bold;\n    color: #2c3e50;\n}\n.result-value {\n    font-size: 18px;\n    font-weight: bold;\n    color: #3498db;   \/* \u4ec5\u8fd9\u91cc\u6539\u4e3a\u84dd\u8272 *\/\n}\n.formula-note {\n    text-align: center;\n    margin-top: 15px;\n    font-size: 12px;\n    color: #7f8c8d;\n    font-style: italic;\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"steel-calculator\">\n    <div class=\"calculator-title\">Calculator for Steel Sheets and Plates<\/div>\n<div class=\"formula-note\"  style=\"text-align:left; margin-bottom:10px;\"> \n        Input your values in the fields below:\n    <\/div>\n    <div class=\"input-group\">\n        <label>Thickness, t:<\/label>\n        <input type=\"number\" id=\"thickness\" value=\"1\" min=\"0.1\" step=\"0.1\">\n        <span class=\"unit\">mm<\/span>\n    <\/div>\n\n    <div class=\"input-group\">\n        <label>Width, W:<\/label>\n        <input type=\"number\" id=\"width\" value=\"1000\" min=\"1\" step=\"1\">\n        <span class=\"unit\">mm<\/span>\n    <\/div>\n\n    <div class=\"input-group\">\n        <label>Length, L:<\/label>\n        <input type=\"number\" id=\"length\" value=\"2000\" min=\"1\" step=\"1\">\n        <span class=\"unit\">mm<\/span>\n    <\/div>\n\n    <div class=\"input-group\">\n        <label>Number of pieces:<\/label>\n        <input type=\"number\" id=\"quantity\" value=\"1\" min=\"1\" step=\"1\">\n        <span class=\"unit\">pcs<\/span>\n    <\/div>\n\n    <button class=\"calculate-btn\" onclick=\"calculateWeight()\">Calculate<\/button>\n\n    <div class=\"result-section\">\n        <div class=\"result-item\">\n            <span class=\"result-label\">Single piece weight:<\/span>\n            <span class=\"result-value\" id=\"singleWeight\">15.7 kg<\/span>\n        <\/div>\n        <div class=\"result-item\">\n            <span class=\"result-label\">Total weight:<\/span>\n            <span class=\"result-value\" id=\"totalWeight\">15.7 kg<\/span>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n\/* \u903b\u8f91\u4fdd\u6301\u539f\u6837\uff0c\u4ec5\u53d8\u91cf\u540d\u8f7b\u5fae\u82f1\u6587\u5316 *\/\nfunction calculateWeight() {\n    const thickness = parseFloat(document.getElementById('thickness').value);\n    const width     = parseFloat(document.getElementById('width').value);\n    const length    = parseFloat(document.getElementById('length').value);\n    const quantity  = parseInt(document.getElementById('quantity').value);\n\n    if (isNaN(thickness) || isNaN(width) || isNaN(length) || isNaN(quantity) ||\n        thickness <= 0 || width <= 0 || length <= 0 || quantity <= 0) {\n        alert('Please enter valid values! All must be greater than 0.');\n        return;\n    }\n    const singleWeight = (length * width * thickness * 7.85) \/ 1000000;\n    const totalWeight  = singleWeight * quantity;\n\n    document.getElementById('singleWeight').textContent = singleWeight.toFixed(1) + ' kg';\n    document.getElementById('totalWeight').textContent  = totalWeight.toFixed(1)  + ' kg';\n}\nwindow.onload = () => calculateWeight();\n['thickness','width','length','quantity'].forEach(id =>\n    document.getElementById(id).addEventListener('input', calculateWeight)\n);\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Calculator for Steel Sheets and Plates Calculator for Steel Sheets and Plates Input your values in the fields below: Thickness, t: mm Width, W: mm Length, L: mm Number of pieces: pcs Calculate Single piece weight: 15.7 kg Total weight: 15.7 kg<\/p>","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-6156","post","type-post","status-publish","format-standard","hentry","category-steel-products"],"_links":{"self":[{"href":"https:\/\/anisteel.com\/it\/wp-json\/wp\/v2\/posts\/6156","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anisteel.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/anisteel.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/anisteel.com\/it\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/anisteel.com\/it\/wp-json\/wp\/v2\/comments?post=6156"}],"version-history":[{"count":2,"href":"https:\/\/anisteel.com\/it\/wp-json\/wp\/v2\/posts\/6156\/revisions"}],"predecessor-version":[{"id":6158,"href":"https:\/\/anisteel.com\/it\/wp-json\/wp\/v2\/posts\/6156\/revisions\/6158"}],"wp:attachment":[{"href":"https:\/\/anisteel.com\/it\/wp-json\/wp\/v2\/media?parent=6156"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/anisteel.com\/it\/wp-json\/wp\/v2\/categories?post=6156"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/anisteel.com\/it\/wp-json\/wp\/v2\/tags?post=6156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}