{"id":161,"date":"2024-08-04T09:38:35","date_gmt":"2024-08-04T09:38:35","guid":{"rendered":"https:\/\/www.mathros.net.ua\/en\/?page_id=161"},"modified":"2024-08-04T12:58:22","modified_gmt":"2024-08-04T12:58:22","slug":"surface-area-of-a-parallelepiped-calculator","status":"publish","type":"page","link":"https:\/\/www.mathros.net.ua\/en\/surface-area-of-a-parallelepiped-calculator","title":{"rendered":"Surface Area of a Parallelepiped Calculator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"161\" class=\"elementor elementor-161\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca90d11 e-flex e-con-boxed e-con e-parent\" data-id=\"ca90d11\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33dd400 elementor-widget elementor-widget-html\" data-id=\"33dd400\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"h2-title\">Curious About the Surface Area of a Rectangular Parallelepiped? Use Our Online Calculator and Get the Correct Results Instantly. It\u2019s that Simple!<\/h2>\n<style>\n    .h2-title {\n        text-align: center; \/* \u0412\u0438\u0440\u0456\u0432\u043d\u044e\u0432\u0430\u043d\u043d\u044f \u043f\u043e \u0446\u0435\u043d\u0442\u0440\u0443 *\/\n        color: gray;\n        font-size: 22px;\n    }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63f7ead elementor-widget elementor-widget-html\" data-id=\"63f7ead\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script type=\"text\/javascript\" async\n    src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/mathjax\/2.7.7\/MathJax.js?config=TeX-MML-AM_CHTML\">\n  <\/script>\n<link rel=\"stylesheet\" href=\"mathquill\/lib\/mathquill.css\">\n<script src=\"mathquill\/lib\/jquery.min.js\"><\/script>\n<script src=\"mathquill\/lib\/mathquill.min.js\"><\/script>\n    <img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-10021761 aligncenter\" src=\"https:\/\/www.mathros.net.ua\/wp-content\/uploads\/2024\/08\/surface-area-of-a-rectangular-parallelepiped2.jpg\" alt=\"surface area of a parallelepiped calculator, area of a parallelepiped calculator, parallelepiped area calculator\" width=\"600\" height=\"350\" \/>  \n<div class=\"calculator-container\">\n    <!--<input type=\"text\" id=\"function\" name=\"function\" required \/>-->\n    <label for=\"length\">Length (<i>l<\/i>):<\/label>\n    <input type=\"number\" id=\"length\" name=\"length\" step=\"any\" required>\n    <label for=\"width\">Width (<i>w<\/i>):<\/label>\n    <input type=\"number\" id=\"width\" name=\"width\" step=\"any\" required>\n    <label for=\"height\">Height (<i>h<\/i>):<\/label>\n    <input type=\"number\" id=\"height\" name=\"height\" step=\"any\" required>\n    <input type=\"button\" id=\"generate-button\" name=\"integral\"  value=\"Calculate the surface area\" onclick=\"calculateSurfaceArea()\" \/>\n<\/div>\n<div id=\"calculation-results\" style=\"display: none;\">\n    <h3><center>Ta-da! Your Surface Area Calculation is Ready!<\/center><\/h3>\n    <div id=\"fcontainer\" class=\"formula-container\"><\/div>\n<\/div>\n<div id=\"loading\" class=\"loader\" style=\"display: none;\"><\/div>\n\n<style>\n    .calcKeypad {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n    }\n\n    .padBtn, #generate-button {\n        padding: 10px 10px;\n        margin: 5px;\n        border: 1px solid #0B638B; \/* \u0441\u0438\u043d\u0456\u0439 \u043a\u043e\u043b\u0456\u0440 *\/\n        background-color: #0B638B; \/* \u0431\u0456\u043b\u0438\u0439 \u043a\u043e\u043b\u0456\u0440 *\/\n        color: #fff; \/* \u0441\u0438\u043d\u0456\u0439 \u043a\u043e\u043b\u0456\u0440 \u0442\u0435\u043a\u0441\u0442\u0443 *\/\n        text-transform: none; \/* \u043f\u0435\u0440\u0435\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u0442\u0435\u043a\u0441\u0442\u0443 \u043d\u0430 \u043c\u0430\u043b\u0456 \u043b\u0456\u0442\u0435\u0440\u0438 *\/\n        font-size: 12px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n    }\n\n    .padBtn:hover, #generate-button:hover {\n        background-color:#fff; \/* \u0441\u0438\u043d\u0456\u0439 \u043a\u043e\u043b\u0456\u0440 \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u043d\u0456 *\/\n        color: #0B638B; \/* \u0431\u0456\u043b\u0438\u0439 \u043a\u043e\u043b\u0456\u0440 \u0442\u0435\u043a\u0441\u0442\u0443 \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u043d\u0456 *\/\n    }\n    \n    #calculation-results {\n        position: relative;\n    }\n    \n    #overlay {\n        position: absolute;\n        top: 55px;\n        left: 0;\n        width: 30%;\n        \/*height: 20%;*\/\n        background-color: rgba(255, 255, 255, 0.3); \/* \u041f\u0440\u043e\u0437\u043e\u0440\u0456\u0441\u0442\u044c 70% *\/\n        transition: background-color 0.3s ease; \/* \u0410\u043d\u0456\u043c\u0430\u0446\u0456\u044f \u0437\u043c\u0456\u043d\u0438 \u043f\u0440\u043e\u0437\u043e\u0440\u043e\u0441\u0442\u0456 *\/\n        font-size: 10px;\n    }\n\n    #overlay:hover {\n        background-color: rgba(255, 255, 255, 1); \/* \u041f\u0440\u043e\u0437\u043e\u0440\u0456\u0441\u0442\u044c 0% \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u043d\u0456 *\/\n    }\n\n    #overlay * {\n        opacity: 0.3; \/* \u041f\u0440\u043e\u0437\u043e\u0440\u0456\u0441\u0442\u044c 90% \u0434\u043b\u044f \u0432\u0441\u0456\u0445 \u0434\u043e\u0447\u0456\u0440\u043d\u0456\u0445 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432 *\/\n        cursor: pointer;\n    }\n\n    #overlay:hover * {\n        opacity: 1; \/* \u041f\u0440\u043e\u0437\u043e\u0440\u0456\u0441\u0442\u044c 100% \u0434\u043b\u044f \u0432\u0441\u0456\u0445 \u0434\u043e\u0447\u0456\u0440\u043d\u0456\u0445 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432 \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u043d\u0456 *\/\n    }\n\n    .calculator-container {\n\t    \/*font-family:font-family: Times, \"Times New Roman\", Georgia, serif;*\/\n        \/*border: 1px solid #ddd; \/* \u0420\u0430\u043c\u043a\u0430 \u0441\u0432\u0456\u0442\u043b\u043e-\u0441\u0456\u0440\u043e\u0433\u043e \u043a\u043e\u043b\u044c\u043e\u0440\u0443 *\/\n        \/*box-shadow: 0px 0px 10px 5px rgba(128, 128, 128, 0.1); *\/\n        padding: 15px;\n        font-size: 14px; \/* \u0420\u043e\u0437\u043c\u0456\u0440 \u0448\u0440\u0438\u0444\u0442\u0443 (\u043c\u043e\u0436\u043d\u0430 \u0437\u043c\u0456\u043d\u0438\u0442\u0438 \u043d\u0430 \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u0438\u0439) *\/\n        text-align: center; \/* \u0412\u0438\u0440\u0456\u0432\u043d\u044e\u0432\u0430\u043d\u043d\u044f \u043f\u043e \u0446\u0435\u043d\u0442\u0440\u0443 *\/\n        width: 70%; \/* \u0428\u0438\u0440\u0438\u043d\u0430 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u0434\u043b\u044f \u0434\u0435\u0441\u043a\u0442\u043e\u043f\u043d\u0438\u0445 \u0435\u043a\u0440\u0430\u043d\u0456\u0432 *\/\n        max-width: 100%; \/* \u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0430 \u0448\u0438\u0440\u0438\u043d\u0430 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u0434\u043b\u044f \u043c\u043e\u0431\u0456\u043b\u044c\u043d\u0438\u0445 \u043f\u0440\u0438\u0441\u0442\u0440\u043e\u0457\u0432 *\/\n        margin: 0 auto; \/* \u0426\u0435\u043d\u0442\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u043f\u043e \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u0456 *\/\n    }\n\t\t\n\t.formula-container {\n        \/*font-family: serif;*\/\n\t\tborder-bottom: 1px solid #ddd;\/* \u0420\u0430\u043c\u043a\u0430 \u0441\u0432\u0456\u0442\u043b\u043e-\u0441\u0456\u0440\u043e\u0433\u043e \u043a\u043e\u043b\u044c\u043e\u0440\u0443 *\/\n        overflow-x: auto; \/* \u0413\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u0430 \u043f\u043e\u043b\u043e\u0441\u0430 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438 \u043f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u0456\u0434\u043d\u043e\u0441\u0442\u0456 *\/\n        max-width: 100%; \/* \u0424\u043e\u0440\u043c\u0443\u043b\u0430 \u043d\u0435 \u0431\u0443\u0434\u0435 \u0432\u0438\u0445\u043e\u0434\u0438\u0442\u0438 \u0437\u0430 \u043c\u0435\u0436\u0456 \u0431\u043b\u043e\u043a\u0443 *\/\n\t\tpadding: 15px;\n\t\tfont-size: 16px; \/* \u0420\u043e\u0437\u043c\u0456\u0440 \u0448\u0440\u0438\u0444\u0442\u0443 (\u043c\u043e\u0436\u043d\u0430 \u0437\u043c\u0456\u043d\u0438\u0442\u0438 \u043d\u0430 \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u0438\u0439) *\/\n        text-align: left; \/* \u0412\u0438\u0440\u0456\u0432\u043d\u044e\u0432\u0430\u043d\u043d\u044f \u043f\u043e \u043b\u0456\u0432\u043e\u043c\u0443 \u043a\u0440\u0430\u044e *\/\n\t\tmargin-top: 20px;\n\t\tmargin-bottom: 20px;\n\t\twidth: 100%;\n    }\n\n    \/*.formula-container {\n        font-size: 14px;\n        text-align: left;\n        margin-top: 20px;\n        margin-bottom: 20px;\n    }*\/\n\n    .formula {\n        display: block;\n        font-size: 12px;\n    }\n\n    body {\n        font-family: Arial, sans-serif;\n    }\n\n    form {\n        margin-top: 20px;\n    }\n\n    label {\n        display: inline-block;\n        margin-bottom: 5px;\n    }\n\n    input, #inputField {\n        padding: 8px;\n        margin-top: 5px;\n        margin-bottom: 5px;\n        width: 100%; \/* \u0417\u043c\u0456\u043d\u0435\u043d\u043e \u0448\u0438\u0440\u0438\u043d\u0443 \u043d\u0430 100% \u0434\u043b\u044f \u0430\u0434\u0430\u043f\u0442\u0430\u0446\u0456\u0457 \u043d\u0430 \u043c\u043e\u0431\u0456\u043b\u044c\u043d\u0438\u0445 \u043f\u0440\u0438\u0441\u0442\u0440\u043e\u044f\u0445 *\/\n        box-sizing: border-box;\n        border: 1px solid #ddd;\n        color: #666;\n    }\n    \n    select {\n        padding: 8px;\n        margin-top: 5px;\n        margin-bottom: 15px;\n        width: 100px; \/* \u0417\u043c\u0456\u043d\u0435\u043d\u043e \u0448\u0438\u0440\u0438\u043d\u0443 \u043d\u0430 100% \u0434\u043b\u044f \u0430\u0434\u0430\u043f\u0442\u0430\u0446\u0456\u0457 \u043d\u0430 \u043c\u043e\u0431\u0456\u043b\u044c\u043d\u0438\u0445 \u043f\u0440\u0438\u0441\u0442\u0440\u043e\u044f\u0445 *\/\n        box-sizing: border-box;\n        border: 1px solid #ddd;\n        color: #666;\n    }\n    \n    \/* \u0421\u0442\u0438\u043b\u0456 \u0434\u043b\u044f \u043c\u043e\u0431\u0456\u043b\u044c\u043d\u0438\u0445 \u043f\u0440\u0438\u0441\u0442\u0440\u043e\u0457\u0432 *\/\n    @media only screen and (max-width: 768px) {\n        input, select {\n            width: 100%;\n        }\n        #generate-button {\n            width: 100%;\n        }\n        \n    }\n\n    input[type=\"submit\"], input[type=\"button\"] {\n        background: #0b638b;\n        color: #fff;\n        cursor: pointer;\n        width: 270px; \/* \u0417\u043c\u0456\u043d\u0435\u043d\u043e \u0448\u0438\u0440\u0438\u043d\u0443 \u043d\u0430 100% \u0434\u043b\u044f \u0430\u0434\u0430\u043f\u0442\u0430\u0446\u0456\u0457 \u043d\u0430 \u043c\u043e\u0431\u0456\u043b\u044c\u043d\u0438\u0445 \u043f\u0440\u0438\u0441\u0442\u0440\u043e\u044f\u0445 *\/\n        margin-top: 20px;\n    }\n\n    input[type=\"submit\"]:hover, input[type=\"button\"]:hover {\n        background: #353535;\n    }\n    \/* CSS for the loader *\/\n    .loader {\n        display: block;\n        margin: 50px auto;\n        border: 16px solid #f3f3f3; \/* Light grey *\/\n        border-top: 16px solid #0B638B; \/* Blue *\/\n        border-radius: 50%;\n        width: 50px;\n        height: 50px;\n        animation: spin 1s linear infinite;\n    }\n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n<\/style>\n\n<script>\n    function calculateSurfaceArea() {\n        var l = document.getElementById('length');\n        var w = document.getElementById('width');\n        var h = document.getElementById('height');\n        \n        var resultC = document.getElementById('fcontainer');\n        var resultCalc = document.getElementById('calculation-results');\n        \n        if (isNaN(l.value) || isNaN(w.value) || isNaN(h.value) || l.value <= 0 || w.value <= 0 || h.value <= 0) {\n        resultC.innerHTML = 'Please enter valid positive numbers.';\n        resultCalc.style.display = 'block';\n        return;\n        }\n        \n        \n        \/\/ \u0406\u043d\u0456\u0446\u0456\u0430\u043b\u0456\u0437\u0430\u0446\u0456\u044f \u0434\u0432\u043e\u0432\u0438\u043c\u0456\u0440\u043d\u043e\u0433\u043e \u043c\u0430\u0441\u0438\u0432\u0443 \u0434\u043b\u044f \u0437\u0431\u0435\u0440\u0435\u0436\u0435\u043d\u043d\u044f \u0432\u0432\u0435\u0434\u0435\u043d\u0438\u0445 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447\u0435\u043c \u0434\u0430\u043d\u0438\u0445\n        var enteredData = [];\n        \/\/ \u0414\u043e\u0434\u0430\u0432\u0430\u043d\u043d\u044f \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u0434\u043e \u0434\u0432\u043e\u0432\u0438\u043c\u0456\u0440\u043d\u043e\u0433\u043e \u043c\u0430\u0441\u0438\u0432\u0443\n        enteredData.push(parseFloat(l.value) || 0);\n        enteredData.push(parseFloat(w.value) || 0);\n        enteredData.push(parseFloat(h.value) || 0);\n        \n        sendDataToServer(enteredData);\n    }\n    \n    function renderMathJax() {\n        MathJax.Hub.Queue([\"Typeset\", MathJax.Hub]);\n    }\n    \n    function sendDataToServer(enteredData) {\n        var loading = document.getElementById('loading');\n        var resultC = document.getElementById('fcontainer');\n        var resultCalc = document.getElementById('calculation-results');\n        resultC.innerHTML = '';\n    \n        loading.style.display = 'block';\n        resultCalc.style.display = 'none';\n    \n        var formData = new FormData();\n        formData.append('action', 'surface_area_of_a_rectangular_parallelepiped');\n        formData.append('enteredData', JSON.stringify(enteredData));\n\n        fetch('\/en\/wp-admin\/admin-ajax.php', {\n            method: 'POST',\n            body: formData\n        })\n        .then(response => {\n           if (!response.ok) {\n                throw new Error('Network response was not ok');\n            }\n            return response.json();\n        })\n        .then(data => {\n            loading.style.display = 'none';\n            if (data.surface_area) {\n                if (Array.isArray(data.surface_area)) {\n                    resultC.innerHTML += '<div class=\"formula\">' + data.surface_area[1] + '<\/div>';\n                }\n                renderMathJax();\n                resultCalc.style.display = 'block';\n            } else {\n                resultC.innerHTML = 'An error occurred: ' + data.error;\n                resultCalc.style.display = 'block';\n                \/\/generateButton.disabled = false;\n            }\n        })\n        .catch(error => {\n            loading.style.display = 'none';\n            resultC.innerHTML = 'An error occurred: ' + error.message;\n            resultCalc.style.display = 'block';\n        });\n    }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73fbbbb elementor-widget elementor-widget-html\" data-id=\"73fbbbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"h2-title2\">Surface Area of a Parallelepiped Calculator: How It Works!<\/h2>\n<img decoding=\"async\" class=\"aligncenter wp-image-10020256 size-full\" src=\"https:\/\/www.mathros.net.ua\/wp-content\/uploads\/2024\/08\/surface-area-of-a-parallelepiped-online7.jpg\" alt=\"surface area of a parallelepiped calculator, area of a parallelepiped calculator, parallelepiped area calculator\" \/>\n<p class=\"calculator-p\">Our <a title=\"Surface area of a rectangular parallelepiped\" href=\"https:\/\/www.mathros.net.ua\/en\/surface-area-of-a-rectangular-parallelepiped.html\">surface area of a parallelepiped<\/a> calculator makes your calculations quick and easy. How does it work? Simply enter the length, width, and height of your <a title=\"Definition of a rectangular parallelepiped\" href=\"https:\/\/www.mathros.net.ua\/en\/rectangular-parallelepiped.html\">parallelepiped<\/a> into the designated fields. Click the <i>\"Calculate the surface area\"<\/i> button, and the system will instantly process your data and provide the result. No more worries about mistakes or complicated calculations!<\/p>\n<p class=\"calculator-p\">This calculator is user-friendly and intuitive. You'll easily understand which values to enter and where. After inputting all the necessary data, you'll get an accurate result displayed on the screen without any extra effort. It saves your time and helps you avoid errors that might occur with manual calculations.<\/p>\n<p class=\"calculator-p\">The online calculator is especially useful for students, engineers, and anyone who frequently needs to calculate <a title=\"What is surface area\" href=\"https:\/\/en.wikipedia.org\/wiki\/Surface_area\" target=\"_blank\" rel=\"nofollow noopener\">surface area<\/a> quickly. Using this tool, you can focus on more important aspects of your work, knowing that the calculations will be done accurately and without mistakes.<\/p>\n<style>\n    .h2-title2 {\n        text-align: center; \/* \u0412\u0438\u0440\u0456\u0432\u043d\u044e\u0432\u0430\u043d\u043d\u044f \u043f\u043e \u043b\u0456\u0432\u043e\u043c\u0443 \u043a\u0440\u0430\u044e *\/\n        color: gray;\n        font-size: 28px;\n    }\n    .calculator-p {\n        color: gray;\n        text-align: center;\n    }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Curious About the Surface Area of a Rectangular Parallelepiped? Use Our Online Calculator and Get the Correct Results Instantly. It\u2019s<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-centered.php","meta":{"footnotes":""},"class_list":["post-161","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.mathros.net.ua\/en\/wp-json\/wp\/v2\/pages\/161","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mathros.net.ua\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mathros.net.ua\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mathros.net.ua\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mathros.net.ua\/en\/wp-json\/wp\/v2\/comments?post=161"}],"version-history":[{"count":48,"href":"https:\/\/www.mathros.net.ua\/en\/wp-json\/wp\/v2\/pages\/161\/revisions"}],"predecessor-version":[{"id":223,"href":"https:\/\/www.mathros.net.ua\/en\/wp-json\/wp\/v2\/pages\/161\/revisions\/223"}],"wp:attachment":[{"href":"https:\/\/www.mathros.net.ua\/en\/wp-json\/wp\/v2\/media?parent=161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}