{"id":806,"date":"2025-01-06T08:33:00","date_gmt":"2025-01-06T08:33:00","guid":{"rendered":"https:\/\/www.mathros.net.ua\/ru\/?page_id=806"},"modified":"2025-09-20T09:00:45","modified_gmt":"2025-09-20T09:00:45","slug":"metod-simpsona-onlajn","status":"publish","type":"page","link":"https:\/\/www.mathros.net.ua\/ru\/metod-simpsona-onlajn","title":{"rendered":"\u041c\u0435\u0442\u043e\u0434 \u0421\u0438\u043c\u043f\u0441\u043e\u043d\u0430 \u041e\u043d\u043b\u0430\u0439\u043d \u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"806\" class=\"elementor elementor-806\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5781b36 e-flex e-con-boxed e-con e-parent\" data-id=\"5781b36\" 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-dc7057b elementor-widget elementor-widget-html\" data-id=\"dc7057b\" 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\">\u041a\u0430\u043a \u0420\u0435\u0448\u0438\u0442\u044c \u0418\u043d\u0442\u0435\u0433\u0440\u0430\u043b \u041b\u0435\u0433\u043a\u043e \u0438 \u0431\u0435\u0437 \u041e\u0448\u0438\u0431\u043e\u043a? \u041d\u0430\u0448 \u041e\u043d\u043b\u0430\u0439\u043d-\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u2014 \u0412\u0430\u0448 \u0418\u0434\u0435\u0430\u043b\u044c\u043d\u044b\u0439 \u041f\u043e\u043c\u043e\u0449\u043d\u0438\u043a \u0432 \u042d\u0442\u043e\u043c \u0414\u0435\u043b\u0435!<\/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; \/* \u0417\u0431\u0435\u0440\u0435\u0436\u0435\u043d\u043d\u044f \u0441\u0456\u0440\u043e\u0433\u043e \u043a\u043e\u043b\u044c\u043e\u0440\u0443 \u0442\u0435\u043a\u0441\u0442\u0443 *\/\n        font-size: 24px; \/* \u0422\u0440\u043e\u0445\u0438 \u0431\u0456\u043b\u044c\u0448\u0438\u0439 \u0440\u043e\u0437\u043c\u0456\u0440 \u0442\u0435\u043a\u0441\u0442\u0443 *\/\n        font-weight: 600; \/* \u041d\u0430\u043f\u0456\u0432\u0436\u0438\u0440\u043d\u0438\u0439 \u0448\u0440\u0438\u0444\u0442 \u0434\u043b\u044f \u0430\u043a\u0446\u0435\u043d\u0442\u0443 *\/\n        line-height: 1.4; \/* \u041a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u0438\u0439 \u043c\u0456\u0436\u0440\u044f\u0434\u043a\u043e\u0432\u0438\u0439 \u0456\u043d\u0442\u0435\u0440\u0432\u0430\u043b *\/\n        margin-top: 5px; \/* \u0412\u0456\u0434\u0441\u0442\u0443\u043f \u0437\u0432\u0435\u0440\u0445\u0443 \u0434\u043b\u044f \u0433\u0430\u0440\u043c\u043e\u043d\u0456\u0439\u043d\u043e\u0441\u0442\u0456 *\/\n        margin-bottom: 15px; \/* \u0412\u0456\u0434\u0441\u0442\u0443\u043f \u0437\u043d\u0438\u0437\u0443 *\/\n        padding: 10px; \/* \u0412\u043d\u0443\u0442\u0440\u0456\u0448\u043d\u0456\u0439 \u0432\u0456\u0434\u0441\u0442\u0443\u043f \u0434\u043b\u044f \u043a\u0440\u0430\u0449\u043e\u0433\u043e \u0432\u0438\u0433\u043b\u044f\u0434\u0443 *\/\n        font-family: 'Arial', sans-serif; \/* \u0417\u0440\u0443\u0447\u043d\u0438\u0439 \u0456 \u0447\u0438\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u0438\u0439 \u0448\u0440\u0438\u0444\u0442 *\/\n        word-wrap: break-word; \/* \u041f\u0435\u0440\u0435\u043d\u043e\u0441 \u0441\u043b\u0456\u0432 \u0434\u043b\u044f \u043c\u043e\u0431\u0456\u043b\u044c\u043d\u0438\u0445 \u043f\u0440\u0438\u0441\u0442\u0440\u043e\u0457\u0432 *\/\n    }\n\n    \/* \u0410\u0434\u0430\u043f\u0442\u0430\u0446\u0456\u044f \u0434\u043b\u044f \u043c\u043e\u0431\u0456\u043b\u044c\u043d\u0438\u0445 \u043f\u0440\u0438\u0441\u0442\u0440\u043e\u0457\u0432 *\/\n    @media (max-width: 768px) {\n        .h2-title {\n            font-size: 20px; \/* \u0417\u043c\u0435\u043d\u0448\u0435\u043d\u043d\u044f \u0440\u043e\u0437\u043c\u0456\u0440\u0443 \u0442\u0435\u043a\u0441\u0442\u0443 \u0434\u043b\u044f \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u0456\u0432 *\/\n            padding: 8px; \/* \u041c\u0435\u043d\u0448\u0438\u0439 \u0432\u043d\u0443\u0442\u0440\u0456\u0448\u043d\u0456\u0439 \u0432\u0456\u0434\u0441\u0442\u0443\u043f *\/\n        }\n    }\n\n    @media (max-width: 480px) {\n        .h2-title {\n            font-size: 18px; \/* \u041e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u0438\u0439 \u0440\u043e\u0437\u043c\u0456\u0440 \u0442\u0435\u043a\u0441\u0442\u0443 \u0434\u043b\u044f \u0441\u043c\u0430\u0440\u0442\u0444\u043e\u043d\u0456\u0432 *\/\n            padding: 5px; \/* \u041c\u0456\u043d\u0456\u043c\u0430\u043b\u044c\u043d\u0438\u0439 \u0432\u043d\u0443\u0442\u0440\u0456\u0448\u043d\u0456\u0439 \u0432\u0456\u0434\u0441\u0442\u0443\u043f *\/\n        }\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-7c18d09 elementor-widget elementor-widget-html\" data-id=\"7c18d09\" 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 src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/mathjax\/2.7.7\/MathJax.js?config=TeX-MML-AM_CHTML\"><\/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<script src=\"https:\/\/d3js.org\/d3.v7.min.js\"><\/script> <!-- D3.js library -->\n  \n<div class=\"calculator-container\">\n    <div class=\"equation-container\">\n        <label for=\"inputField\">\u041f\u043e\u0434\u0438\u043d\u0442\u0435\u0433\u0440\u0430\u043b\u044c\u043d\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, <i>\"x^2\"<\/i>, <i>\"sin(x)\"<\/i>, <i>\"exp(x)\"<\/i>)<\/label>\n        <hr>\n        <div class=\"calcKeypad\">\n            <button class=\"padBtn\" onclick=\"addSymbol('x^n')\">x^n<\/button>\n            <button class=\"padBtn\" onclick=\"addSymbol('\\\\sqrt{}')\">\u221ax<\/button>\n            <button class=\"padBtn\" onclick=\"addSymbol('\\\\cdot')\">\u00b7<\/button>\n            <button class=\"padBtn\" onclick=\"addSymbol('\\\\frac{}{}')\">x\/y<\/button>\n             <button class=\"padBtn\" onclick=\"addSymbol('\\\\exp()')\">exp<\/button>\n            <button class=\"padBtn\" onclick=\"addSymbol('\\\\sin()')\">sin<\/button>\n            <button class=\"padBtn\" onclick=\"addSymbol('\\\\cos()')\">cos<\/button>\n            <button class=\"padBtn\" onclick=\"addSymbol('\\\\tan()')\">tan<\/button>\n            <button class=\"padBtn\" onclick=\"addSymbol('\\\\log()')\">log<\/button>\n        <\/div>\n        <span id=\"inputField\" contenteditable=\"true\" class=\"math-input\"><\/span>\n    <\/div>\n    \n    \n     <div class=\"parameter-container\">\n        <!--<input type=\"text\" id=\"function\" name=\"function\" required \/>-->\n        <label for=\"lower_limit\">\u041d\u0438\u0436\u043d\u0438\u0439 \u043f\u0440\u0435\u0434\u0435\u043b \u0438\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f<\/label>\n        <input type=\"number\" id=\"lower_limit\" name=\"lower_limit\" required \/>\n        <label for=\"upper_limit\">\u0412\u0435\u0440\u0445\u043d\u0438\u0439 \u043f\u0440\u0435\u0434\u0435\u043b \u0438\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f<\/label>\n        <input type=\"number\" id=\"upper_limit\" name=\"upper_limit\" required \/>\n        <label for=\"num_partitions\">\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0447\u0430\u0441\u0442\u0435\u0439 \u0434\u043b\u044f \u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u043c\u0435\u0436\u0443\u0442\u043a\u0430 \u0438\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f<\/label>\n        <input type=\"number\" id=\"num_partitions\" name=\"num_partitions\" required>\n    <\/div>\n    <input type=\"button\" id=\"generate-button\" name=\"integral\"  value=\"\u0412\u044b\u0447\u0438\u0441\u043b\u0438\u0442\u044c\" onclick=\"calculateIntegral()\" \/>\n    <div id=\"info-block\" class=\"info-message\">\n        <strong>\u0412\u0430\u0436\u043d\u043e<\/strong>! \u0414\u043b\u044f \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043c\u0435\u0442\u043e\u0434\u0430 \u0421\u0438\u043c\u043f\u0441\u043e\u043d\u0430 <strong>\u043d\u0443\u0436\u043d\u043e \u0434\u0435\u043b\u0438\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0432\u0430\u043b \u043d\u0430 \u0447\u0451\u0442\u043d\u043e\u0435 \u0447\u0438\u0441\u043b\u043e \u0447\u0430\u0441\u0442\u0435\u0439<\/strong>. \u042d\u0442\u043e <strong>\u043a\u043b\u044e\u0447\u0435\u0432\u043e\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u0435 \u0434\u043b\u044f \u0442\u043e\u0447\u043d\u044b\u0445 \u0440\u0430\u0441\u0447\u0451\u0442\u043e\u0432<\/strong>. \u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b!\n    <\/div>\n<\/div>\n<div id=\"calculation-results\" style=\"display: none;\">\n        \n    <div id=\"fcontainer\" class=\"solution-container\"><\/div>\n<\/div>\n<div id=\"error-block\" class=\"error-message\"><\/div>\n<div id=\"loading\" class=\"loader\" style=\"display: none;\"><\/div>\n\n<style>\n    \/* \u0417\u0430\u0433\u0430\u043b\u044c\u043d\u0456 \u0441\u0442\u0438\u043b\u0456 \u0434\u043b\u044f \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438 *\/\n    body {\n        font-family: 'Arial', sans-serif;\n        margin: 0;\n        padding: 0;\n        background-color: #f4f4f4;\n    }\n    \n    .info-message {\n        background-color: #eaf6ff; \/* \u0421\u0432\u0456\u0442\u043b\u043e-\u0431\u043b\u0430\u043a\u0438\u0442\u043d\u0438\u0439 \u0444\u043e\u043d \u0434\u043b\u044f \u0432\u0438\u0434\u0456\u043b\u0435\u043d\u043d\u044f *\/\n        color: #0b638b; \/* \u0422\u0435\u043c\u043d\u043e-\u0441\u0438\u043d\u0456\u0439 \u0442\u0435\u043a\u0441\u0442 *\/\n        border-left: 4px solid #0b638b; \/* \u0412\u0438\u0434\u0456\u043b\u0435\u043d\u043d\u044f \u0437\u043b\u0456\u0432\u0430 \u0434\u043b\u044f \u0430\u043a\u0446\u0435\u043d\u0442\u0443 *\/\n        padding: 15px; \/* \u0412\u043d\u0443\u0442\u0440\u0456\u0448\u043d\u0456 \u0432\u0456\u0434\u0441\u0442\u0443\u043f\u0438 *\/\n        margin-bottom: 15px; \/* \u0412\u0456\u0434\u0441\u0442\u0443\u043f \u0437\u043d\u0438\u0437\u0443 *\/\n        border-radius: 5px; \/* \u0417\u0430\u043e\u043a\u0440\u0443\u0433\u043b\u0435\u043d\u0456 \u043a\u0443\u0442\u0438 *\/\n        font-family: 'Arial', sans-serif; \/* \u0417\u0440\u0443\u0447\u043d\u0438\u0439 \u0434\u043b\u044f \u0447\u0438\u0442\u0430\u043d\u043d\u044f \u0448\u0440\u0438\u0444\u0442 *\/\n        font-size: 14px; \/* \u041e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u0438\u0439 \u0440\u043e\u0437\u043c\u0456\u0440 \u0442\u0435\u043a\u0441\u0442\u0443 *\/\n        line-height: 1.5; \/* \u041a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u0438\u0439 \u043c\u0456\u0436\u0440\u044f\u0434\u043a\u043e\u0432\u0438\u0439 \u0456\u043d\u0442\u0435\u0440\u0432\u0430\u043b *\/\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    }\n\n\/* \u041e\u0441\u043d\u043e\u0432\u043d\u0438\u0439 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0430 *\/\n    .calculator-container {\n        max-width: 600px;\n        margin: 0 auto;\n        padding: 20px;\n        text-align: center;\n    }\n    \n    \/* \u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0434\u043b\u044f \u0432\u0432\u0435\u0434\u0435\u043d\u043d\u044f \u0440\u0456\u0432\u043d\u044f\u043d\u044c *\/\n    .equation-container {\n        background-color: #0B638B;\n        padding: 20px;\n        border-radius: 8px;\n        margin-bottom: 20px;\n        color: #fff;\n    }\n    \n    \/* \u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0434\u043b\u044f \u0432\u0432\u0435\u0434\u0435\u043d\u043d\u044f \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0456\u0432 *\/\n    .parameter-container {\n        background-color: white;\n        padding-left: 20px;\n        padding-right: 20px;\n        border-radius: 8px;\n        margin-bottom: 20px;\n        color: #fff;\n    }\n    \n    \/* \u0421\u0442\u0438\u043b\u044c \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0456\u0432 \u0442\u0430 \u043c\u0456\u0442\u043e\u043a *\/\n    label {\n        display: block;\n        margin-bottom: 8px;\n        font-size: 16px;\n        color: #555;\n        font-weight: 600;\n        text-align: left;\n    }\n    \n    .equation-container label {\n        color: #fff;\n        font-weight: bold;\n    }\n    \n    \/* \u041f\u043e\u043b\u044f \u0434\u043b\u044f \u0432\u0432\u0435\u0434\u0435\u043d\u043d\u044f \u0440\u0456\u0432\u043d\u044f\u043d\u044c *\/\n    .math-input {\n        display: block;\n        width: 100%;\n        min-height: 40px;\n        padding: 10px;\n        border: none;\n        border-radius: 6px;\n        background: #fff;\n        font-size: 16px;\n        text-align: left;\n        color: #333;\n        cursor: text;\n    }\n    \n    \/* \u0413\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u0430 \u043b\u0456\u043d\u0456\u044f *\/\n    .equation-container hr {\n        border: none;\n        height: 1px;\n        background: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.2));\n        margin-bottom: 15px;\n    }\n    \n    \/* \u041f\u043e\u043b\u044f \u0432\u0432\u043e\u0434\u0443 \u0442\u0430 \u0432\u0438\u043f\u0430\u0434\u0430\u044e\u0447\u0438\u0439 \u0441\u043f\u0438\u0441\u043e\u043a *\/\n    input, select {\n        width: 100%;\n        padding: 10px;\n        margin: 7px 0;\n        border: 1px solid #ddd;\n        border-radius: 5px;\n        font-size: 16px;\n    }\n    \n    \/* \u041a\u043b\u0430\u0432\u0456\u0430\u0442\u0443\u0440\u0430 \u0437 \u043a\u043d\u043e\u043f\u043a\u0430\u043c\u0438 *\/\n    .calcKeypad {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 5px;\n        margin: 15px 0;\n    }\n    \n    .padBtn {\n        padding: 10px;\n        background-color: rgba(255, 255, 255, 0.2);\n        color: #fff;\n        border-radius: 5px;\n        font-size: 14px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        border: none;\n    }\n    \n    .padBtn:hover {\n        background-color: rgba(255, 255, 255, 0.4);\n    }\n    \n    \/* \u041a\u043d\u043e\u043f\u043a\u0430 \u043e\u0431\u0447\u0438\u0441\u043b\u0435\u043d\u043d\u044f *\/\n    #generate-button {\n        width: 100%;\n        padding: 12px;\n        background-color: #0B638B;\n        color: white;\n        border: none;\n        border-radius: 5px;\n        font-size: 16px;\n        cursor: pointer;\n        margin-top: 10px;\n        transition: background-color 0.3s ease;\n    }\n    \n    #generate-button:hover {\n        background-color: #065a71;\n    }\n    \n    \/* \u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0434\u043b\u044f \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0456\u0432 *\/\n    .solution-container {\n        background-color: #ffffff;\n        padding: 20px;\n        margin-top: 15px;\n        margin-bottom: 15px;\n        font-size: 16px;\n        color: #333;\n        line-height: 1.6;\n        max-width: 800px;\n        margin-left: auto;\n        margin-right: auto;\n        overflow-x: auto;\n    }\n    \n    \/* \u0410\u043d\u0456\u043c\u0430\u0446\u0456\u044f \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0435\u043d\u043d\u044f *\/\n    .loader {\n        display: block;\n        margin: 20px auto;\n        border: 8px solid #f3f3f3;\n        border-top: 8px solid #0B638B;\n        border-radius: 50%;\n        width: 75px;\n        height: 75px;\n        animation: spin 1s linear infinite;\n    }\n    \n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n    \n    \/* \u041f\u043e\u0432\u0456\u0434\u043e\u043c\u043b\u0435\u043d\u043d\u044f \u043f\u0440\u043e \u043f\u043e\u043c\u0438\u043b\u043a\u0443 *\/\n    .error-message {\n        background-color: #fdecea;\n        color: #b71c1c;\n        border-left: 4px solid #b71c1c;\n        border-radius: 5px;\n        padding: 15px;\n        margin-top: 10px;\n        font-size: 16px;\n        display: none;\n    }\n    \n    .error-message.show {\n        display: block;\n        animation: fadeIn 0.5s ease-in-out;\n    }\n    \n    \/* \u0410\u0434\u0430\u043f\u0442\u0430\u0446\u0456\u044f \u0434\u043b\u044f \u043c\u043e\u0431\u0456\u043b\u044c\u043d\u0438\u0445 \u043f\u0440\u0438\u0441\u0442\u0440\u043e\u0457\u0432 *\/\n    @media (max-width: 768px) {\n        .calculator-container {\n            padding: 15px;\n        }\n    \n        .padBtn {\n            font-size: 12px;\n        }\n    \n        #generate-button {\n            font-size: 12px;\n        }\n        \n        .formula {\n            font-size: 14px;\n            padding: 4px;\n        }\n    }\n    \n    @media (max-width: 480px) {\n        .calcKeypad {\n            flex-wrap: wrap;\n        }\n    \n        .padBtn {\n            max-width: 48%;\n            margin-bottom: 5px;\n            font-size: 10px;\n        }\n    \n        input, select {\n            font-size: 14px;\n        }\n    \n        #generate-button {\n            font-size: 10px;\n        }\n        \n        .formula {\n            font-size: 12px;\n            padding: 3px;\n        }\n    }\n    \/* \u0421\u0442\u0438\u043b\u044c \u0434\u043b\u044f SVG-\u0433\u0440\u0430\u0444\u0456\u043a\u0430 *\/\n    #graph-svg {\n        width: 100%;\n        max-width: 700px;\n        height: auto;\n        display: block;\n        margin: 50px 0px auto;\n        background-color: #ffffff;\n    }\n    \n    .formula {\n        font-family: 'STIX Two Math', serif; \/* \u0428\u0440\u0438\u0444\u0442 \u0434\u043b\u044f \u0444\u043e\u0440\u043c\u0443\u043b *\/\n        background-color: #ffffff; \/* \u0411\u0456\u043b\u0438\u0439 \u0444\u043e\u043d *\/\n        padding: 5px; \/* \u0412\u043d\u0443\u0442\u0440\u0456\u0448\u043d\u0456\u0439 \u0432\u0456\u0434\u0441\u0442\u0443\u043f *\/\n        margin-bottom: 5px; \/* \u0412\u0456\u0434\u0441\u0442\u0443\u043f \u043c\u0456\u0436 \u0444\u043e\u0440\u043c\u0443\u043b\u0430\u043c\u0438 *\/\n        overflow-x: auto; \/* \u0413\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u0430 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430 \u0434\u043b\u044f \u0432\u0435\u043b\u0438\u043a\u0438\u0445 \u0444\u043e\u0440\u043c\u0443\u043b *\/\n        font-size: 16px;\n    }\n    \n    \/* \u0421\u0442\u0438\u043b\u0456 \u0434\u043b\u044f \u0442\u0430\u0431\u043b\u0438\u0446\u0456 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0456\u0432 *\/\n    .result-table {\n        width: 100%;\n        border-collapse: collapse;\n        margin-top: 20px;\n        font-family: Arial, sans-serif;\n    }\n    \n    .result-table thead {\n        background-color: #0B638B;\n        color: white;\n    }\n    \n    .result-table th, .result-table td {\n        border: 1px solid #ddd;\n        padding: 3px;\n        text-align: center;\n        font-size: 14px;\n    }\n    \n    .result-table tbody tr:nth-child(even) {\n        background-color: #f2f8fc;\n    }\n    \n    .result-table tbody tr:nth-child(odd) {\n        background-color: white;\n    }\n    \n    .result-table tbody tr:hover {\n        background-color: #cce7f5;\n        transition: 0.3s ease-in-out;\n    }\n    \n    \/* \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0456 \u0441\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 (max-width: 768px) {\n        .result-table {\n            font-size: 12px;\n        }\n    \n        .result-table th, .result-table td {\n            padding: 5px;\n            font-size: 12px;\n        }\n        .formula {\n            font-size: 12px;\n            padding: 3px; \/* \u0412\u043d\u0443\u0442\u0440\u0456\u0448\u043d\u0456\u0439 \u0432\u0456\u0434\u0441\u0442\u0443\u043f *\/\n            margin-bottom: 3px; \/* \u0412\u0456\u0434\u0441\u0442\u0443\u043f \u043c\u0456\u0436 \u0444\u043e\u0440\u043c\u0443\u043b\u0430\u043c\u0438 *\/\n        }\n        .solution-container h2 {\n            font-size: 24px; \/* \u041c\u0435\u043d\u0448\u0438\u0439 \u0440\u043e\u0437\u043c\u0456\u0440 \u0434\u043b\u044f \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u0456\u0432 *\/\n        }\n        .solution-container h3 {\n            font-size: 20px; \/* \u041c\u0435\u043d\u0448\u0438\u0439 \u0440\u043e\u0437\u043c\u0456\u0440 \u0434\u043b\u044f \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u0456\u0432 *\/\n        }\n        .solution-container {\n            font-size: 14px; \/* \u0417\u043c\u0435\u043d\u0448\u0435\u043d\u043d\u044f \u0440\u043e\u0437\u043c\u0456\u0440\u0443 \u0442\u0435\u043a\u0441\u0442\u0443 \u0434\u043b\u044f \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u0456\u0432 *\/\n        }\n    }\n    \n    @media (max-width: 480px) {\n        .result-table {\n            font-size: 8px;\n        }\n    \n        .result-table th, .result-table td {\n            padding: 1px;\n            font-size: 8px;\n        }\n        .formula {\n            font-size: 8px;\n            padding: 1px; \/* \u0412\u043d\u0443\u0442\u0440\u0456\u0448\u043d\u0456\u0439 \u0432\u0456\u0434\u0441\u0442\u0443\u043f *\/\n            margin-bottom: 1px; \/* \u0412\u0456\u0434\u0441\u0442\u0443\u043f \u043c\u0456\u0436 \u0444\u043e\u0440\u043c\u0443\u043b\u0430\u043c\u0438 *\/\n        }\n        .solution-container h2 {\n            font-size: 20px; \/* \u041c\u0435\u043d\u0448\u0438\u0439 \u0440\u043e\u0437\u043c\u0456\u0440 \u0434\u043b\u044f \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u0456\u0432 *\/\n        }\n        .solution-container h3 {\n            font-size: 16px; \/* \u041c\u0435\u043d\u0448\u0438\u0439 \u0440\u043e\u0437\u043c\u0456\u0440 \u0434\u043b\u044f \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u0456\u0432 *\/\n        }\n        .solution-container {\n            font-size: 13px; \/* \u0417\u043c\u0435\u043d\u0448\u0435\u043d\u043d\u044f \u0440\u043e\u0437\u043c\u0456\u0440\u0443 \u0442\u0435\u043a\u0441\u0442\u0443 \u0434\u043b\u044f \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u0456\u0432 *\/\n        }\n    }\n<\/style>\n\n<script>\n    const MQ = MathQuill.getInterface(2);\n    const inputSpan = document.getElementById('inputField');\n    let answerMathField = MQ.MathField(inputSpan, {\n      spaceBehavesLikeTab: true,\n      handlers: {\n        edit: function() {\n          answerMathField.focus();\n        }\n      }\n    });\n\n    function addSymbol(symbol) {\n      answerMathField.write(symbol);\n      answerMathField.focus();\n    }\n\n    \/\/ \u041f\u0440\u0438 \u0432\u0456\u0434\u043f\u0440\u0430\u0432\u0446\u0456 \u0444\u043e\u0440\u043c\u0438, \u0437\u0430\u043f\u0438\u0441\u0443\u0454\u043c\u043e \u0432\u043c\u0456\u0441\u0442 MathField \u0443 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u043d\u0435 \u043f\u043e\u043b\u0435 \u0444\u043e\u0440\u043c\u0438\n    document.querySelector('.calculateBtn').addEventListener('click', function() {\n      document.getElementById('latexExpression').value = answerMathField.latex();\n    });\n\n\n\n\n    function calculateIntegral() {\n        var func = answerMathField.latex();\n        var lowLimit = document.getElementById('lower_limit');\n        var uppLimit = document.getElementById('upper_limit');\n        var numPartitions = document.getElementById('num_partitions');\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(func || '');\n        enteredData.push(parseFloat(lowLimit.value) || 0);\n        enteredData.push(parseFloat(uppLimit.value) || 0);\n        enteredData.push(parseFloat(numPartitions.value) || 0);\n        \n        sendDataToServer(enteredData);\n        \n        transferX = document.getElementById(\"X\");\n        transferY = document.getElementById(\"Y\");\n        size = document.getElementById(\"SIZE\");\n        transferX.value = 0;\n        transferY.value = 0;\n        size.value = 0;\n    }\n    \n\nfunction drawGraphAndParabolas(graphData, parabolasData) {\n    const svgWidth = 600;\n    const svgHeight = 350;\n    const margin = { top: 20, right: 20, bottom: 30, left: 50 };\n\n    const width = svgWidth - margin.left - margin.right;\n    const height = svgHeight - margin.top - margin.bottom;\n\n    \/\/ \u041f\u0435\u0440\u0435\u0442\u0432\u043e\u0440\u0438\u043c\u043e \u0434\u0430\u043d\u0456 \u0444\u0443\u043d\u043a\u0446\u0456\u0457 \u0443 \u0444\u043e\u0440\u043c\u0430\u0442 {x, y}\n    let formattedGraphData = convertDataForSVG(graphData);\n\n    \/\/ \u0422\u0443\u0442 \u043f\u0435\u0440\u0435\u0442\u0432\u043e\u0440\u0438\u043c\u043e \u0434\u0430\u043d\u0456 \u0434\u043b\u044f \u043f\u0430\u0440\u0430\u0431\u043e\u043b \u0443 \u0432\u0456\u0434\u0444\u043e\u0440\u043c\u0430\u0442\u043e\u0432\u0430\u043d\u0438\u0439 \u043c\u0430\u0441\u0438\u0432,\n    \/\/ \u0434\u0435 \u043a\u043e\u0436\u0435\u043d \u0435\u043b\u0435\u043c\u0435\u043d\u0442 \u2013 \u0446\u0435 \u043d\u0430\u0431\u0456\u0440 \u0442\u043e\u0447\u043e\u043a (x, y) \u0434\u043b\u044f \u043f\u043e\u0431\u0443\u0434\u043e\u0432\u0438 \u043f\u0430\u0440\u0430\u0431\u043e\u043b\u0438\n    let formattedParabolasData = convertParabolasForSVG(parabolasData);\n\n    \/\/ \u0417\u043d\u0430\u0439\u0434\u0435\u043c\u043e \u043c\u0456\u043d\u0456\u043c\u0430\u043b\u044c\u043d\u0456 \u0442\u0430 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0456 x, y \u0434\u043b\u044f \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0443\u0432\u0430\u043d\u043d\u044f\n    const xMin = d3.min(formattedGraphData, d => d.x);\n    const xMax = d3.max(formattedGraphData, d => d.x);\n    let yMin = d3.min(formattedGraphData, d => d.y);\n    yMin = yMin > 0 ? 0 : yMin;\n    let yMax = d3.max(formattedGraphData, d => d.y);\n    yMax = yMax < 0 ? 0 : yMax;\n\n    \/\/ \u0421\u0442\u0432\u043e\u0440\u044e\u0454\u043c\u043e (\u0447\u0438 \u043e\u0447\u0438\u0449\u0430\u0454\u043c\u043e) SVG\n    const svg = d3.select(\"#graph-svg\")\n        .html(\"\") \/\/ \u043e\u0447\u0438\u0441\u0442\u0438\u0442\u0438 \u043f\u043e\u043f\u0435\u0440\u0435\u0434\u043d\u0456\u0439 \u0432\u043c\u0456\u0441\u0442\n        .attr(\"width\", svgWidth)\n        .attr(\"height\", svgHeight)\n        .append(\"g\")\n        .attr(\"transform\", `translate(${margin.left},${margin.top})`);\n\n    \/\/ \u041c\u0430\u0441\u0448\u0442\u0430\u0431\u0443\u0432\u0430\u043d\u043d\u044f \u043f\u043e \u043e\u0441\u044f\u0445\n    const xScale = d3.scaleLinear()\n        .domain([xMin, xMax])\n        .range([0, width]);\n\n    const yScale = d3.scaleLinear()\n        .domain([yMin, yMax])\n        .range([height, 0]);\n\n    \/\/ \u0414\u043e\u0434\u0430\u0454\u043c\u043e \u043e\u0441\u0456\n    svg.append(\"g\")\n        .attr(\"transform\", `translate(0,${height})`)\n        .call(d3.axisBottom(xScale))\n        .selectAll(\"path, line\")\n        .attr(\"stroke\", \"#E8E8E8\");\n\n    svg.append(\"g\")\n        .call(d3.axisLeft(yScale))\n        .selectAll(\"path, line\")\n        .attr(\"stroke\", \"#E8E8E8\");\n\n    \/\/ \u0421\u0456\u0442\u043a\u0430 \u043f\u043e \u043e\u0441\u0456 Y\n    svg.append(\"g\")\n        .attr(\"class\", \"grid\")\n        .call(\n            d3.axisLeft(yScale)\n                .tickSize(-width)\n                .tickFormat(\"\")\n                .ticks(10)\n        )\n        .selectAll(\"line\")\n        .attr(\"stroke\", \"#E8E8E8\")\n        .attr(\"stroke-opacity\", 1)\n        .filter((d, i, nodes) => d !== yMax)\n        .attr(\"stroke-dasharray\", \"\");\n\n    svg.selectAll(\".domain\")\n        .attr(\"stroke\", \"#E8E8E8\");\n\n    \/\/ \u041f\u043e\u0431\u0443\u0434\u043e\u0432\u0430 \u043e\u0431\u043b\u0430\u0441\u0442\u0456 \u043f\u0456\u0434 \u0432\u0438\u0445\u0456\u0434\u043d\u043e\u044e \u0444\u0443\u043d\u043a\u0446\u0456\u0454\u044e (\u043d\u0435 \u043f\u0430\u0440\u0430\u0431\u043e\u043b\u0438 Simpson, \u0430 \u0432\u0430\u0448\u0430 \u043e\u0441\u043d\u043e\u0432\u043d\u0430 \u0444\u0443\u043d\u043a\u0446\u0456\u044f graphData)\n    const area = d3.area()\n        .x(d => xScale(d.x))\n        .y0(yScale(0))\n        .y1(d => yScale(d.y));\n\n    svg.append(\"path\")\n        .datum(formattedGraphData)\n        .attr(\"fill\", \"#0b638b\")\n        .attr(\"fill-opacity\", 0.05)\n        .attr(\"d\", area);\n\n    \/\/ \u041b\u0456\u043d\u0456\u044f \u0432\u0438\u0445\u0456\u0434\u043d\u043e\u0457 \u0444\u0443\u043d\u043a\u0446\u0456\u0457\n    const line = d3.line()\n        .x(d => xScale(d.x))\n        .y(d => yScale(d.y));\n\n    svg.append(\"path\")\n        .datum(formattedGraphData)\n        .attr(\"fill\", \"none\")\n        .attr(\"stroke\", \"#0b638b\")\n        .attr(\"stroke-width\", 3)\n        .attr(\"d\", line);\n\n    \/\/ -----------------------------------------------------------------------------------------\n    \/\/ \u0422\u0423\u0422 \u041c\u0418 \u041c\u0406\u041d\u042f\u0404\u041c\u041e \u041b\u041e\u0413\u0406\u041a\u0423 \u201c\u0422\u0420\u0410\u041f\u0415\u0426\u0406\u0419\u201d \u041d\u0410 \u041f\u041e\u0411\u0423\u0414\u041e\u0412\u0423 \u041f\u0410\u0420\u0410\u0411\u041e\u041b\n    \/\/ -----------------------------------------------------------------------------------------\n\n    \/\/ \u0414\u043b\u044f \u043a\u043e\u0436\u043d\u043e\u0433\u043e \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0443 formattedParabolasData (\u043a\u043e\u0436\u0435\u043d \u0435\u043b\u0435\u043c\u0435\u043d\u0442 \u2013 \u0446\u0435 \u043c\u0430\u0441\u0438\u0432 \u0442\u043e\u0447\u043e\u043a \u0434\u043b\u044f \u043e\u0434\u043d\u0456\u0454\u0457 \u043f\u0430\u0440\u0430\u0431\u043e\u043b\u0438)\n    \/\/ \u043c\u0430\u043b\u044e\u0454\u043c\u043e \"path\", \u044f\u043a\u0435 \u0432\u0456\u0434\u043e\u0431\u0440\u0430\u0436\u0430\u0454 \u0437\u0430\u0444\u0430\u0440\u0431\u043e\u0432\u0430\u043d\u0443 \u0444\u0456\u0433\u0443\u0440\u0443 \u043f\u0456\u0434 \u043a\u0440\u0438\u0432\u043e\u044e.\n    \/\/ \u041a\u043e\u0436\u043d\u0430 \u043f\u0430\u0440\u0430\u0431\u043e\u043b\u0430 \u0431\u0443\u0434\u0435 \u0437\u0430\u0444\u0430\u0440\u0431\u043e\u0432\u0430\u043d\u0430 \u0447\u0435\u0440\u0432\u043e\u043d\u0438\u043c \u043a\u043e\u043b\u044c\u043e\u0440\u043e\u043c \u0437 95%-\u044e \u043f\u0440\u043e\u0437\u043e\u0440\u0456\u0441\u0442\u044e.\n    \/\/ \u0422\u0430\u043a\u043e\u0436 \u0434\u043e\u0434\u0430\u043c\u043e \u043e\u0431\u0432\u0456\u0434 \u0447\u0435\u0440\u0432\u043e\u043d\u043e\u044e \u043b\u0456\u043d\u0456\u0454\u044e.\n\n    \/\/ \u0413\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440 area \u0434\u043b\u044f \u043f\u0430\u0440\u0430\u0431\u043e\u043b\u0438\n    const parabolaArea = d3.area()\n        .x(d => xScale(d.x))\n        .y0(yScale(0))\n        .y1(d => yScale(d.y));\n\n    svg.selectAll(\".parabola-area\")\n        .data(formattedParabolasData)\n        .enter()\n        .append(\"path\")\n        .attr(\"class\", \"parabola-area\")\n        .attr(\"d\", d => parabolaArea(d))\n        .attr(\"fill\", \"rgba(255, 0, 0, 0.05)\")  \/\/ \u0427\u0435\u0440\u0432\u043e\u043d\u0438\u0439 \u043a\u043e\u043b\u0456\u0440 \u0437 \u043f\u0440\u043e\u0437\u043e\u0440\u0456\u0441\u0442\u044e\n        .attr(\"stroke\", \"#FF0000\")\n        .attr(\"stroke-width\", 0.5);\n        \n        \n        \n       \/\/ \u0414\u043e\u0434\u0430\u0454\u043c\u043e \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u0456 \u043b\u0456\u043d\u0456\u0457 \u0432 \u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0430\u0445 \u043f\u0430\u0440\u0430\u0431\u043e\u043b\n    formattedParabolasData.forEach(parabolaPoints => {\n        const midIndex = Math.floor(parabolaPoints.length \/ 2);\n        const midPoint = parabolaPoints[midIndex];\n\n        svg.append(\"line\")\n            .attr(\"x1\", xScale(midPoint.x))\n            .attr(\"y1\", yScale(0))\n            .attr(\"x2\", xScale(midPoint.x))\n            .attr(\"y2\", yScale(midPoint.y))\n            .attr(\"stroke\", \"#FF0000\")\n            .attr(\"stroke-width\", 0.5);\n    }); \n        \n        \n        \n\n    \/\/ -----------------------------------------------------------------------------------------\n    \/\/ \u0424\u0443\u043d\u043a\u0446\u0456\u043e\u043d\u0430\u043b \u201c\u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0457 \u043f\u0443\u043d\u043a\u0442\u0438\u0440\u043d\u043e\u0457 \u043b\u0456\u043d\u0456\u0457\u201d \u0442\u0430 \u0456\u043d\u0444\u043e \u043f\u0440\u043e (x, y)\n    \/\/ -----------------------------------------------------------------------------------------\n\n    const focusLine = svg.append(\"line\")\n        .attr(\"stroke\", \"gray\")\n        .attr(\"stroke-dasharray\", \"3,3\")\n        .attr(\"y1\", 0)\n        .attr(\"y2\", height)\n        .style(\"display\", \"none\");\n\n    const focusCircle = svg.append(\"circle\")\n        .attr(\"r\", 4)\n        .attr(\"fill\", \"#0b638b\")\n        .style(\"display\", \"none\");\n\n    const focusText = svg.append(\"text\")\n        .attr(\"fill\", \"#333\")\n        .style(\"display\", \"none\");\n\n    svg.append(\"rect\")\n        .attr(\"width\", width)\n        .attr(\"height\", height)\n        .attr(\"fill\", \"none\")\n        .attr(\"pointer-events\", \"all\")\n        .on(\"mousemove\", mousemove)\n        .on(\"mouseout\", () => {\n            focusLine.style(\"display\", \"none\");\n            focusCircle.style(\"display\", \"none\");\n            focusText.style(\"display\", \"none\");\n        });\n\n    function mousemove(event) {\n        const [mouseX] = d3.pointer(event);\n        const xValue = xScale.invert(mouseX);\n\n        if (xValue < xMin || xValue > xMax) {\n            focusLine.style(\"display\", \"none\");\n            focusCircle.style(\"display\", \"none\");\n            focusText.style(\"display\", \"none\");\n            return;\n        }\n\n        \/\/ \u0428\u0443\u043a\u0430\u0454\u043c\u043e \u043d\u0430\u0439\u0431\u043b\u0438\u0436\u0447\u0443 \u0442\u043e\u0447\u043a\u0443 \u0437 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0457 \u0444\u0443\u043d\u043a\u0446\u0456\u0457 graphData (formattedGraphData)\n        const closestPoint = formattedGraphData.reduce((prev, curr) =>\n            Math.abs(curr.x - xValue) < Math.abs(prev.x - xValue) ? curr : prev\n        );\n\n        const xPos = xScale(closestPoint.x);\n        const yPos = yScale(closestPoint.y);\n\n        if (yPos < 0 || yPos > height) {\n            focusLine.style(\"display\", \"none\");\n            focusCircle.style(\"display\", \"none\");\n            focusText.style(\"display\", \"none\");\n            return;\n        }\n\n        focusLine\n            .attr(\"x1\", xPos)\n            .attr(\"x2\", xPos)\n            .attr(\"stroke-dasharray\", \"1,3\")\n            .style(\"display\", null);\n\n        focusCircle\n            .attr(\"cx\", xPos)\n            .attr(\"cy\", yPos)\n            .style(\"display\", null);\n\n        const textPadding = 10;\n        let textX = xPos + textPadding;\n        let textY = yPos - textPadding;\n\n        if (xPos + 100 > width) {\n            textX = xPos - 100;\n        }\n        if (yPos - 20 < 0) {\n            textY = yPos + textPadding;\n        }\n\n        focusText\n            .attr(\"x\", textX)\n            .attr(\"y\", textY)\n            .text(`x: ${closestPoint.x.toFixed(2)}, y: ${closestPoint.y.toFixed(2)}`)\n            .attr(\"font-size\", 10)\n            .style(\"display\", null);\n    }\n}\n\n\/\/ -------------------------------------------------------------------------------------------------\n\/\/ \u0414\u043e\u043f\u043e\u043c\u0456\u0436\u043d\u0430 \u0444\u0443\u043d\u043a\u0446\u0456\u044f \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u043c\u0430\u0441\u0438\u0432\u0443 \u0442\u043e\u0447\u043e\u043a [ [x1, y1], [x2, y2], ... ]\n\/\/ \u0443 \u0444\u043e\u0440\u043c\u0430\u0442 [{x: x1, y: y1}, {x: x2, y: y2}, ... ]\nfunction convertDataForSVG(graphData) {\n    return graphData.map(point => ({ x: point[0], y: point[1] }));\n}\n\n\/\/ -------------------------------------------------------------------------------------------------\n\/\/ \u0414\u043e\u043f\u043e\u043c\u0456\u0436\u043d\u0430 \u0444\u0443\u043d\u043a\u0446\u0456\u044f \u0434\u043b\u044f \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0456\u0457 \u043d\u0430\u0431\u043e\u0440\u0443 \u0442\u043e\u0447\u043e\u043a \u043f\u0430\u0440\u0430\u0431\u043e\u043b\u0438 \u043c\u0456\u0436 \u043a\u043e\u0436\u043d\u0438\u043c\u0438 \u0442\u0440\u044c\u043e\u043c\u0430 \u043f\u043e\u0441\u043b\u0456\u0434\u043e\u0432\u043d\u0438\u043c\u0438\n\/\/ \u0442\u043e\u0447\u043a\u0430\u043c\u0438: (x_{i-1}, y_{i-1}), (x_i, y_i), (x_{i+1}, y_{i+1}).\n\/\/\n\/\/ \u041e\u0441\u043a\u0456\u043b\u044c\u043a\u0438 \u0432 \u0421\u0456\u043c\u043f\u0441\u043e\u043d\u0430 \u201c\u043f\u0430\u0440\u0430\u0431\u043e\u043b\u0430\u201d \u0444\u0430\u043a\u0442\u0438\u0447\u043d\u043e \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442\u044c \u0447\u0435\u0440\u0435\u0437 \u0442\u0440\u0438 \u0442\u043e\u0447\u043a\u0438,\n\/\/ \u0434\u043b\u044f \u0432\u0456\u0434\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f \u0457\u0457 \u043d\u0430 \u0433\u0440\u0430\u0444\u0456\u043a\u0443 \u0437\u0430\u043b\u0438\u0432\u0430\u0454\u043c\u043e \u043f\u0440\u043e\u043c\u0456\u0436\u043e\u043a [x_{i-1}, x_{i+1}].\n\/\/ \u0424\u043e\u0440\u043c\u0443\u043b\u0430, \u044f\u043a\u0443 \u0432\u0438 \u043d\u0430\u0432\u0435\u043b\u0438 (\u0437 \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u043f\u043e\u0440\u044f\u0434\u043a\u0443 \u0440\u0456\u0437\u043d\u0438\u0446\u044f\u043c\u0438), \u043c\u043e\u0436\u0435 \u0431\u0443\u0442\u0438 \u0437\u0430\u0441\u0442\u043e\u0441\u043e\u0432\u0430\u043d\u0430 \u0431\u0435\u0437\u043f\u043e\u0441\u0435\u0440\u0435\u0434\u043d\u044c\u043e,\n\/\/ \u0430\u0431\u043e \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u0442\u0438 \u043b\u0430\u0433\u0440\u0430\u043d\u0436\u0435\u0432\u0443 \u0456\u043d\u0442\u0435\u0440\u043f\u043e\u043b\u044f\u0446\u0456\u044e. \u0414\u043b\u044f \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0456\u0457 \u0441\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u044e\u0441\u044c \u201c\u043a\u043b\u0430\u0441\u0438\u043a\u043e\u044e\u201d\n\/\/ \u0447\u0435\u0440\u0435\u0437 \u0442\u0440\u0438 \u0442\u043e\u0447\u043a\u0438 (\u043b\u0430\u0433\u0440\u0430\u043d\u0436, \u0430\u0431\u043e \u0436 \u201c\u043f\u0440\u044f\u043c\u0430\u201d \u0444\u043e\u0440\u043c\u0443\u043b\u0430 \u0437 \u0440\u0456\u0437\u043d\u0438\u0446\u044f\u043c\u0438).\n\/\/\nfunction convertParabolasForSVG(parabolasData) {\n    let parabolas = [];\n\n    \/\/ \u0406\u0442\u0435\u0440\u0443\u0454\u043c\u043e\u0441\u044f \u0437 \u043a\u0440\u043e\u043a\u043e\u043c 2, \u0449\u043e\u0431 \u0431\u0440\u0430\u0442\u0438 \u043f\u043e \u0442\u0440\u0438 \u0442\u043e\u0447\u043a\u0438: (i, i+1, i+2)\n    \/\/ \u0442\u043e\u0431\u0442\u043e \u043c\u0456\u0436 [x_i, x_{i+1}] \u0456 [x_{i+1}, x_{i+2}] \u0431\u0443\u0434\u0443\u0454\u043c\u043e \u043e\u0434\u043d\u0443 \u043f\u0430\u0440\u0430\u0431\u043e\u043b\u0443\n    \/\/ (\u044f\u043a \u0432\u0438 \u0439 \u043a\u0430\u0437\u0430\u043b\u0438: \"\u043d\u0430 \u043a\u043e\u0436\u043d\u0438\u0445 \u0434\u0432\u043e\u0445 \u0456\u043d\u0442\u0435\u0440\u0432\u0430\u043b\u0430\u0445 \u043f\u043e\u0434\u0456\u043b\u0443\")\n    \/\/\n    \/\/ \u0417\u0432\u0435\u0440\u043d\u0456\u0442\u044c \u0443\u0432\u0430\u0433\u0443: \u044f\u043a\u0449\u043e \u0432\u0430\u0448 \u043d\u0430\u0431\u0456\u0440 \u0434\u0430\u043d\u0438\u0445 \u043c\u0430\u0454 n \u0442\u043e\u0447\u043e\u043a,\n    \/\/ \u0442\u043e \u043f\u0430\u0440\u0430\u0431\u043e\u043b (\u0437\u0430 \u0456\u0434\u0435\u0454\u044e \u0421\u0456\u043c\u043f\u0441\u043e\u043d\u0430) \u0431\u0443\u0434\u0435 \u043f\u0440\u0438\u0431\u043b\u0438\u0437\u043d\u043e n\/2, \n    \/\/ \u0442\u043e\u043c\u0443 \u0449\u043e \u0421\u0456\u043c\u043f\u0441\u043e\u043d \u0456\u0434\u0435 \u043f\u043e \u0442\u0440\u0456\u0439\u043a\u0430\u0445 (x_{i-1}, x_i, x_{i+1}).\n    \/\/\n    \/\/ \u041c\u043e\u0436\u043d\u0430 \u0430\u0434\u0430\u043f\u0442\u0443\u0432\u0430\u0442\u0438 \u043b\u043e\u0433\u0456\u043a\u0443 \u043f\u0456\u0434 \u0432\u0430\u0448\u0456 \u0432\u0438\u043c\u043e\u0433\u0438. \u0422\u0443\u0442 \u2013 \u0431\u0430\u0437\u043e\u0432\u0438\u0439 \u043f\u0440\u0438\u043a\u043b\u0430\u0434.\n\n    for (let i = 0; i < parabolasData.length - 2; i += 2) {\n        let x1 = parabolasData[i][0];\n        let y1 = parabolasData[i][1];\n\n        let x2 = parabolasData[i + 1][0];\n        let y2 = parabolasData[i + 1][1];\n\n        let x3 = parabolasData[i + 2][0];\n        let y3 = parabolasData[i + 2][1];\n\n        \/\/ \u041a\u0456\u043b\u044c\u043a\u0456\u0441\u0442\u044c \u201c\u043f\u043e\u0434\u0456\u043b\u043e\u043a\u201d \u0434\u043b\u044f \u0437\u0433\u043b\u0430\u0434\u0436\u0435\u043d\u043d\u044f \u0432\u0456\u0434 x1 \u0434\u043e x3\n        \/\/ \u0427\u0438\u043c \u0431\u0456\u043b\u044c\u0448\u0435, \u0442\u0438\u043c \u043f\u043b\u0430\u0432\u043d\u0456\u0448\u0430 \u0431\u0443\u0434\u0435 \u043a\u0440\u0438\u0432\u0430\n        let stepsCount = 20;\n        let step = (x3 - x1) \/ stepsCount;\n\n        \/\/ \u0417\u0431\u0435\u0440\u0456\u0433\u0430\u0442\u0438\u043c\u0435\u043c\u043e \u0442\u043e\u0447\u043a\u0438 (x, f(x)) \u0432 \u043c\u0430\u0441\u0438\u0432\n        let singleParabolaPoints = [];\n\n        for (let j = 0; j <= stepsCount; j++) {\n            let x = x1 + j * step;\n            \/\/ \u0422\u0443\u0442 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u0442\u0438 \u0430\u0431\u043e \u0444\u043e\u0440\u043c\u0443\u043b\u0443 \u0437 \u0440\u0456\u0437\u043d\u0438\u0446\u044f\u043c\u0438, \u0430\u0431\u043e \u043b\u0430\u0433\u0440\u0430\u043d\u0436\u0435\u0432\u0443 \u0456\u043d\u0442\u0435\u0440\u043f\u043e\u043b\u044f\u0446\u0456\u044e.\n            \/\/ \u041d\u0438\u0436\u0447\u0435 \u2013 \u043f\u0440\u0438\u043a\u043b\u0430\u0434 \u0437 \u043b\u0430\u0433\u0440\u0430\u043d\u0436\u0435\u043c \u0434\u043b\u044f \u0442\u0440\u044c\u043e\u0445 \u0442\u043e\u0447\u043e\u043a:\n            let L1 = y1 * ((x - x2) * (x - x3)) \/ ((x1 - x2) * (x1 - x3));\n            let L2 = y2 * ((x - x1) * (x - x3)) \/ ((x2 - x1) * (x2 - x3));\n            let L3 = y3 * ((x - x1) * (x - x2)) \/ ((x3 - x1) * (x3 - x2));\n\n            let f = L1 + L2 + L3;\n\n            singleParabolaPoints.push({ x: x, y: f });\n        }\n\n        \/\/ \u0414\u043e\u0434\u0430\u0454\u043c\u043e \u043c\u0430\u0441\u0438\u0432 \u0442\u043e\u0447\u043e\u043a \u0446\u0456\u0454\u0457 \u043f\u0430\u0440\u0430\u0431\u043e\u043b\u0438 \u0443 \u0437\u0430\u0433\u0430\u043b\u044c\u043d\u0438\u0439\n        parabolas.push(singleParabolaPoints);\n    }\n\n    return parabolas;\n}\n\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        var errorBlock = document.getElementById('error-block'); \/\/ \u0411\u043b\u043e\u043a \u0434\u043b\u044f \u043f\u043e\u0432\u0456\u0434\u043e\u043c\u043b\u0435\u043d\u044c \u043f\u0440\u043e \u043f\u043e\u043c\u0438\u043b\u043a\u0438\n        \n        resultC.innerHTML = '';\n        errorBlock.classList.remove('show'); \/\/ \u041f\u0440\u0438\u0445\u043e\u0432\u0443\u0454\u043c\u043e \u0431\u043b\u043e\u043a \u043f\u043e\u043c\u0438\u043b\u043e\u043a \u043f\u0435\u0440\u0435\u0434 \u043f\u043e\u0447\u0430\u0442\u043a\u043e\u043c \u043d\u043e\u0432\u043e\u0433\u043e \u0437\u0430\u043f\u0438\u0442\u0443\n        errorBlock.innerHTML = ''; \n        \n        \/\/var generateButton = document.getElementById(\"generate-button\");\n        \n        \/\/if (generateButton.disabled) {\n        \/\/    return; \/\/ \u0417\u0430\u043f\u043e\u0431\u0456\u0433\u0430\u0439\u0442\u0435 \u0431\u0430\u0433\u0430\u0442\u043e\u0440\u0430\u0437\u043e\u0432\u0438\u043c \u043d\u0430\u0442\u0438\u0441\u043a\u0430\u043d\u043d\u044f\u043c \u043f\u0456\u0434 \u0447\u0430\u0441 \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u0432\u043c\u0456\u0441\u0442\u0443\n        \/\/}\n        \n        \/\/generateButton.disabled = true;\n    \n        loading.style.display = 'block';\n        resultCalc.style.display = 'none';\n    \n        var formData = new FormData();\n        formData.append('action', 'integration_by_simpson_method');\n        formData.append('enteredData', JSON.stringify(enteredData));\n\n        fetch('\/ru\/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.success) {\n                if (Array.isArray(data.integral)) {\n                    const messages = [\n    \"\u0412\u0430\u0448 \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0413\u043e\u0442\u043e\u0432! \u0412\u043e\u0442 \u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0412\u0430\u0448\u0435\u0433\u043e \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u043e\u0433\u043e \u0418\u043d\u0442\u0435\u0433\u0440\u0430\u043b\u0430\",\n    \"\u0412\u043e\u0442 \u041e\u0442\u0432\u0435\u0442! \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0412\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u043e\u0433\u043e \u0418\u043d\u0442\u0435\u0433\u0440\u0430\u043b\u0430 \u0441 \u041f\u043e\u043c\u043e\u0449\u044c\u044e \u041d\u0430\u0448\u0435\u0433\u043e \u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0430\",\n    \"\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0418\u043d\u0442\u0435\u0433\u0440\u0430\u043b\u0430 \u041f\u0440\u044f\u043c\u043e \u0421\u0435\u0439\u0447\u0430\u0441 \u2014 \u0411\u044b\u0441\u0442\u0440\u043e, \u0422\u043e\u0447\u043d\u043e, \u0431\u0435\u0437 \u041b\u0438\u0448\u043d\u0438\u0445 \u0423\u0441\u0438\u043b\u0438\u0439!\",\n    \"\u041f\u043e\u0437\u0434\u0440\u0430\u0432\u043b\u044f\u0435\u043c! \u0412\u0430\u0448\u0435 \u0412\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u0435 \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u043e\u0433\u043e \u0418\u043d\u0442\u0435\u0433\u0440\u0430\u043b\u0430 \u0417\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u043e \u2014 \u0412\u043e\u0442 \u041e\u0442\u0432\u0435\u0442!\",\n    \"\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0412\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u0439 \u0423\u0436\u0435 \u043d\u0430 \u042d\u043a\u0440\u0430\u043d\u0435! \u0421\u043f\u0430\u0441\u0438\u0431\u043e, \u0447\u0442\u043e \u0412\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0438\u0441\u044c \u041d\u0430\u0448\u0438\u043c \u041e\u043d\u043b\u0430\u0439\u043d-\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u043e\u043c\"\n  ];\n                    const randomIndex = Math.floor(Math.random() * messages.length);\n                    resultC.innerHTML += '<h2><center>' + messages[randomIndex] + '<\/center><\/h2><svg id=\"graph-svg\" width=\"800\" height=\"400\"><\/svg>';\n                    \n                    for (let i = 0; i < data.integral[1].length; i++) {\n                        if (data.integral[2][i]) {\n                            resultC.innerHTML += data.integral[2][i];\n                        }\n                        resultC.innerHTML += '<div class=\"formula\">' + data.integral[1][i] + '<\/div>';\n                    }\n                    \n                    var lowLimit = document.getElementById('lower_limit');\n                    var uppLimit = document.getElementById('upper_limit');\n                    \n                    drawGraphAndParabolas(data.integral[3][\"graph\"], data.integral[3][\"parabolas\"]);\n                } else {\n                    resultC.innerHTML += '<div class=\"formula\">' + data.integral + '<\/div>';\n                }\n                renderMathJax();\n                resultCalc.style.display = 'block';\n            } else {\n                showError(data.error);\n            }\n        })\n        .catch(error => {\n            loading.style.display = 'none';\n            showError(error.message); \/\/ \u0412\u0438\u043a\u043b\u0438\u043a \u0444\u0443\u043d\u043a\u0446\u0456\u0457 \u0434\u043b\u044f \u0432\u0456\u0434\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f \u043f\u043e\u043c\u0438\u043b\u043a\u0438\n        });\n    }\n    \/\/ \u0424\u0443\u043d\u043a\u0446\u0456\u044f \u0434\u043b\u044f \u0432\u0456\u0434\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f \u043f\u043e\u0432\u0456\u0434\u043e\u043c\u043b\u0435\u043d\u043d\u044f \u043f\u0440\u043e \u043f\u043e\u043c\u0438\u043b\u043a\u0443\n    function showError(message) {\n        var errorBlock = document.getElementById('error-block');\n        errorBlock.textContent = message;\n        errorBlock.classList.add('show'); \/\/ \u0412\u0456\u0434\u043e\u0431\u0440\u0430\u0436\u0430\u0454\u043c\u043e \u0431\u043b\u043e\u043a \u0437 \u043f\u043e\u0432\u0456\u0434\u043e\u043c\u043b\u0435\u043d\u043d\u044f\u043c \u043f\u0440\u043e \u043f\u043e\u043c\u0438\u043b\u043a\u0443\n    }\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc900e1 elementor-widget elementor-widget-html\" data-id=\"fc900e1\" 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\">\u041f\u043e\u0447\u0435\u043c\u0443 \u041c\u0435\u0442\u043e\u0434 \u0421\u0438\u043c\u043f\u0441\u043e\u043d\u0430 \u041e\u043d\u043b\u0430\u0439\u043d \u2014 \u0418\u0434\u0435\u0430\u043b\u044c\u043d\u044b\u0439 \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0434\u043b\u044f \u0418\u043d\u0442\u0435\u0433\u0440\u0430\u043b\u043e\u0432?<\/h2>\n<img decoding=\"async\" class=\"aligncenter wp-image-10020256 size-full\" src=\"https:\/\/www.mathros.net.ua\/ru\/wp-content\/uploads\/2025\/01\/simpsons-rule-calculator.jpg\" alt=\"\u043c\u0435\u0442\u043e\u0434 \u0441\u0438\u043c\u043f\u0441\u043e\u043d\u0430 \u043e\u043d\u043b\u0430\u0439\u043d, \u043c\u0435\u0442\u043e\u0434 \u0441\u0438\u043c\u043f\u0441\u043e\u043d\u0430 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u043b \u043e\u043d\u043b\u0430\u0439\u043d, \u043c\u0435\u0442\u043e\u0434 \u0441\u0438\u043c\u043f\u0441\u043e\u043d\u0430 \u043e\u043d\u043b\u0430\u0439\u043d \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\" width=\"150\" height=\"150\" \/>\n<p class=\"calculator-p\"><strong><a title=\"\u041c\u0435\u0442\u043e\u0434 \u0421\u0438\u043c\u043f\u0441\u043e\u043d\u0430\" href=\"https:\/\/www.mathros.net.ua\/ru\/metod-simpsona.html\">\u041c\u0435\u0442\u043e\u0434 C\u0438\u043c\u043f\u0441\u043e\u043d\u0430<\/a> \u043e\u043d\u043b\u0430\u0439\u043d<\/strong> \u2013 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0438 \u0443\u0434\u043e\u0431\u043d\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0434\u043b\u044f \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f <a title=\"\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u043b\" href=\"https:\/\/ru.wikipedia.org\/wiki\/%D0%9E%D0%BF%D1%80%D0%B5%D0%B4%D0%B5%D0%BB%D1%91%D0%BD%D0%BD%D1%8B%D0%B9_%D0%B8%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D0%BB\" target=\"_blank\" rel=\"nofollow noopener\">\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u044b\u0445 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u043b\u043e\u0432<\/a>. \u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u0440\u0430\u0437\u0431\u0438\u0432\u0430\u0435\u0442 \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u043f\u043e\u0434 \u0433\u0440\u0430\u0444\u0438\u043a\u043e\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u043d\u0430 \u0440\u0430\u0432\u043d\u044b\u0435 \u043e\u0442\u0440\u0435\u0437\u043a\u0438 \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u043f\u0430\u0440\u0430\u0431\u043e\u043b\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043f\u0440\u0438\u0431\u043b\u0438\u0436\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0440\u0430\u0441\u0447\u0451\u0442\u0430 \u043f\u043b\u043e\u0449\u0430\u0434\u0438. \u042d\u0442\u043e\u0442 \u043f\u043e\u0434\u0445\u043e\u0434 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 <strong>\u0432\u044b\u0441\u043e\u043a\u0443\u044e \u0442\u043e\u0447\u043d\u043e\u0441\u0442\u044c \u0434\u0430\u0436\u0435 \u043f\u0440\u0438 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u043c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0435 \u0438\u043d\u0442\u0435\u0440\u0432\u0430\u043b\u043e\u0432<\/strong>, \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u043d\u0435\u0437\u0430\u043c\u0435\u043d\u0438\u043c\u044b\u043c \u0434\u043b\u044f \u0441\u043b\u043e\u0436\u043d\u044b\u0445 \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u0439.<\/p>\n<p class=\"calculator-p\">\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u043e\u043c \u043e\u0447\u0435\u043d\u044c \u043b\u0435\u0433\u043a\u043e. <strong>\u0414\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0432\u0432\u0435\u0441\u0442\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044e, \u0433\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0438\u043d\u0442\u0435\u0440\u0432\u0430\u043b\u043e\u0432<\/strong> \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u043f\u043e\u043b\u044f. \u041d\u0430\u0436\u0438\u043c\u0430\u0435\u0442\u0435 \u043a\u043d\u043e\u043f\u043a\u0443 <em>\u00ab\u0412\u044b\u0447\u0438\u0441\u043b\u0438\u0442\u044c\u00bb<\/em>, \u0438 \u0431\u0443\u043a\u0432\u0430\u043b\u044c\u043d\u043e \u0437\u0430 \u0441\u0435\u043a\u0443\u043d\u0434\u044b \u0432\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442. \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f <strong>\u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0440\u0430\u0441\u0447\u0451\u0442\u0430<\/strong>, \u0433\u0434\u0435 \u0432\u0438\u0434\u043d\u043e, \u043a\u0430\u043a \u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043b\u0438\u0441\u044c \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u0443\u0447\u0430\u0441\u0442\u043a\u0438 \u043f\u043b\u043e\u0449\u0430\u0434\u0438. \u042d\u0442\u043e \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0443\u0434\u043e\u0431\u043d\u043e, \u043d\u043e \u0438 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043b\u0443\u0447\u0448\u0435 \u043f\u043e\u043d\u044f\u0442\u044c \u0441\u0430\u043c \u043f\u0440\u043e\u0446\u0435\u0441\u0441.<\/p>\n<p class=\"calculator-p\">\u041f\u043e\u0447\u0435\u043c\u0443 \u044d\u0442\u043e\u0442 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0442\u0430\u043a \u043f\u043e\u043b\u0435\u0437\u0435\u043d? \u041e\u043d <strong>\u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0442 \u0432\u0430\u0448\u0435 \u0432\u0440\u0435\u043c\u044f \u0438 \u0441\u0438\u043b\u044b<\/strong>, \u0438\u0441\u043a\u043b\u044e\u0447\u0430\u044f \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u0443\u0442\u043e\u043c\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0440\u0443\u0447\u043d\u044b\u0435 \u0440\u0430\u0441\u0447\u0451\u0442\u044b. \u042d\u0442\u043e \u043e\u0442\u043b\u0438\u0447\u043d\u044b\u0439 \u043f\u043e\u043c\u043e\u0449\u043d\u0438\u043a \u0434\u043b\u044f \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u043e\u0432, \u043f\u0440\u0435\u043f\u043e\u0434\u0430\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u0438 \u0432\u0441\u0435\u0445, \u043a\u0442\u043e \u0441\u0442\u0430\u043b\u043a\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0441 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u043b\u0430\u043c\u0438 \u0432 \u0441\u0432\u043e\u0435\u0439 \u0440\u0430\u0431\u043e\u0442\u0435. \u0422\u0435\u043f\u0435\u0440\u044c \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u0440\u0435\u0448\u0430\u044e\u0442\u0441\u044f \u043f\u0440\u043e\u0441\u0442\u043e \u0438 \u0431\u044b\u0441\u0442\u0440\u043e!<\/p>\n<style>\n    .h2-title2 {\n        text-align: center; \/* \u0426\u0435\u043d\u0442\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 *\/\n        color: gray; \/* \u0417\u0431\u0435\u0440\u0435\u0436\u0435\u043d\u043d\u044f \u0441\u0456\u0440\u043e\u0433\u043e \u043a\u043e\u043b\u044c\u043e\u0440\u0443 \u0442\u0435\u043a\u0441\u0442\u0443 *\/\n        font-size: 28px; \/* \u0417\u0430\u043b\u0438\u0448\u0430\u0454\u043c\u043e \u0440\u043e\u0437\u043c\u0456\u0440 \u0442\u0435\u043a\u0441\u0442\u0443 *\/\n        font-weight: 700; \/* \u0420\u043e\u0431\u0438\u043c\u043e \u0442\u0435\u043a\u0441\u0442 \u0436\u0438\u0440\u043d\u0438\u043c \u0434\u043b\u044f \u0430\u043a\u0446\u0435\u043d\u0442\u0443 *\/\n        line-height: 1.4; \/* \u041a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u0438\u0439 \u043c\u0456\u0436\u0440\u044f\u0434\u043a\u043e\u0432\u0438\u0439 \u0456\u043d\u0442\u0435\u0440\u0432\u0430\u043b *\/\n        margin-top: 20px; \/* \u0412\u0456\u0434\u0441\u0442\u0443\u043f \u0437\u0432\u0435\u0440\u0445\u0443 \u0434\u043b\u044f \u0433\u0430\u0440\u043c\u043e\u043d\u0456\u0439\u043d\u043e\u0441\u0442\u0456 *\/\n        margin-bottom: 15px; \/* \u0412\u0456\u0434\u0441\u0442\u0443\u043f \u0437\u043d\u0438\u0437\u0443 *\/\n        font-family: 'Arial', sans-serif; \/* \u0427\u0438\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u0438\u0439 \u0448\u0440\u0438\u0444\u0442 *\/\n        padding: 10px 0; \/* \u0412\u043d\u0443\u0442\u0440\u0456\u0448\u043d\u0456 \u0432\u0456\u0434\u0441\u0442\u0443\u043f\u0438 \u0434\u043b\u044f \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 *\/\n    }\n\n    .calculator-p {\n        color: gray; \/* \u0417\u0431\u0435\u0440\u0435\u0436\u0435\u043d\u043d\u044f \u0441\u0456\u0440\u043e\u0433\u043e \u043a\u043e\u043b\u044c\u043e\u0440\u0443 \u0442\u0435\u043a\u0441\u0442\u0443 *\/\n        text-align: center; \/* \u0412\u0438\u0440\u0456\u0432\u043d\u044e\u0432\u0430\u043d\u043d\u044f \u0442\u0435\u043a\u0441\u0442\u0443 \u043f\u043e \u043b\u0456\u0432\u043e\u043c\u0443 \u043a\u0440\u0430\u044e *\/\n        font-size: 16px; \/* \u0420\u043e\u0437\u043c\u0456\u0440 \u0442\u0435\u043a\u0441\u0442\u0443 *\/\n        line-height: 1.6; \/* \u041a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u0438\u0439 \u043c\u0456\u0436\u0440\u044f\u0434\u043a\u043e\u0432\u0438\u0439 \u0456\u043d\u0442\u0435\u0440\u0432\u0430\u043b *\/\n        margin-bottom: 15px; \/* \u0412\u0456\u0434\u0441\u0442\u0443\u043f \u0437\u043d\u0438\u0437\u0443 \u0434\u043b\u044f \u043a\u043e\u0436\u043d\u043e\u0433\u043e \u0430\u0431\u0437\u0430\u0446\u0443 *\/\n        font-family: 'Arial', sans-serif; \/* \u0417\u0440\u0443\u0447\u043d\u0438\u0439 \u0448\u0440\u0438\u0444\u0442 *\/\n        max-width: 800px; \/* \u0428\u0438\u0440\u0438\u043d\u0430 \u0431\u043b\u043e\u043a\u0443 \u0434\u043b\u044f \u043e\u0431\u043c\u0435\u0436\u0435\u043d\u043d\u044f \u0442\u0435\u043a\u0441\u0442\u0443 *\/\n        margin-left: auto; \/* \u0426\u0435\u043d\u0442\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u0442\u0435\u043a\u0441\u0442\u0443 \u0432\u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0456 \u0431\u043b\u043e\u043a\u0443 *\/\n        margin-right: auto;\n    }\n\n    \/* \u0421\u0442\u0438\u043b\u0456 \u0434\u043b\u044f \u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f *\/\n    .aligncenter {\n        display: block;\n        margin: 20px auto; \/* \u0426\u0435\u043d\u0442\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f \u0456 \u0432\u0456\u0434\u0441\u0442\u0443\u043f\u0438 *\/\n        max-width: 100%; \/* \u0410\u0434\u0430\u043f\u0442\u0430\u0446\u0456\u044f \u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f \u043f\u0456\u0434 \u0448\u0438\u0440\u0438\u043d\u0443 \u0431\u043b\u043e\u043a\u0443 *\/\n        height: auto; \/* \u041f\u0440\u043e\u043f\u043e\u0440\u0446\u0456\u0439\u043d\u0430 \u0432\u0438\u0441\u043e\u0442\u0430 *\/\n    }\n\n    \/* \u0410\u0434\u0430\u043f\u0442\u0430\u0446\u0456\u044f \u0434\u043b\u044f \u043c\u043e\u0431\u0456\u043b\u044c\u043d\u0438\u0445 \u043f\u0440\u0438\u0441\u0442\u0440\u043e\u0457\u0432 *\/\n    @media (max-width: 768px) {\n        .h2-title2 {\n            font-size: 24px; \/* \u041c\u0435\u043d\u0448\u0438\u0439 \u0440\u043e\u0437\u043c\u0456\u0440 \u0434\u043b\u044f \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u0456\u0432 *\/\n        }\n\n        .calculator-p {\n            font-size: 14px; \/* \u0417\u043c\u0435\u043d\u0448\u0435\u043d\u043d\u044f \u0440\u043e\u0437\u043c\u0456\u0440\u0443 \u0442\u0435\u043a\u0441\u0442\u0443 \u0434\u043b\u044f \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u0456\u0432 *\/\n        }\n    }\n\n    @media (max-width: 480px) {\n        .h2-title2 {\n            font-size: 20px; \/* \u0429\u0435 \u043c\u0435\u043d\u0448\u0438\u0439 \u0440\u043e\u0437\u043c\u0456\u0440 \u0434\u043b\u044f \u0441\u043c\u0430\u0440\u0442\u0444\u043e\u043d\u0456\u0432 *\/\n        }\n\n        .calculator-p {\n        font-size: 13px; \/* \u0417\u043c\u0435\u043d\u0448\u0435\u043d\u043d\u044f \u0440\u043e\u0437\u043c\u0456\u0440\u0443 \u0434\u043b\u044f \u043c\u043e\u0431\u0456\u043b\u044c\u043d\u0438\u0445 \u043f\u0440\u0438\u0441\u0442\u0440\u043e\u0457\u0432 *\/\n        }\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>\u041a\u0430\u043a \u0420\u0435\u0448\u0438\u0442\u044c \u0418\u043d\u0442\u0435\u0433\u0440\u0430\u043b \u041b\u0435\u0433\u043a\u043e \u0438 \u0431\u0435\u0437 \u041e\u0448\u0438\u0431\u043e\u043a? \u041d\u0430\u0448 \u041e\u043d\u043b\u0430\u0439\u043d-\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u2014 \u0412\u0430\u0448 \u0418\u0434\u0435\u0430\u043b\u044c\u043d\u044b\u0439 \u041f\u043e\u043c\u043e\u0449\u043d\u0438\u043a \u0432 \u042d\u0442\u043e\u043c \u0414\u0435\u043b\u0435! \u041f\u043e\u0434\u0438\u043d\u0442\u0435\u0433\u0440\u0430\u043b\u044c\u043d\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, &#171;x^2&#187;,<\/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-806","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.mathros.net.ua\/ru\/wp-json\/wp\/v2\/pages\/806"}],"collection":[{"href":"https:\/\/www.mathros.net.ua\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mathros.net.ua\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mathros.net.ua\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mathros.net.ua\/ru\/wp-json\/wp\/v2\/comments?post=806"}],"version-history":[{"count":39,"href":"https:\/\/www.mathros.net.ua\/ru\/wp-json\/wp\/v2\/pages\/806\/revisions"}],"predecessor-version":[{"id":1389,"href":"https:\/\/www.mathros.net.ua\/ru\/wp-json\/wp\/v2\/pages\/806\/revisions\/1389"}],"wp:attachment":[{"href":"https:\/\/www.mathros.net.ua\/ru\/wp-json\/wp\/v2\/media?parent=806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}