{"id":6495,"date":"2023-04-12T15:22:42","date_gmt":"2023-04-12T09:22:42","guid":{"rendered":"https:\/\/rniiot.kz\/home\/?page_id=6495"},"modified":"2026-04-16T17:03:09","modified_gmt":"2026-04-16T11:03:09","slug":"%d1%81%d1%80%d0%b5%d0%b4%d1%81%d1%82%d0%b2%d0%b0-%d0%b8%d0%bd%d0%b4%d0%b8%d0%b2%d0%b8%d0%b4%d1%83%d0%b0%d0%bb%d1%8c%d0%bd%d0%be%d0%b9-%d0%b7%d0%b0%d1%89%d0%b8%d1%82%d1%8b-%d0%bf%d0%be-%d0%be%d1%82","status":"publish","type":"page","link":"https:\/\/rniiot.kz\/home\/%d1%81%d1%80%d0%b5%d0%b4%d1%81%d1%82%d0%b2%d0%b0-%d0%b8%d0%bd%d0%b4%d0%b8%d0%b2%d0%b8%d0%b4%d1%83%d0%b0%d0%bb%d1%8c%d0%bd%d0%be%d0%b9-%d0%b7%d0%b0%d1%89%d0%b8%d1%82%d1%8b-%d0%bf%d0%be-%d0%be%d1%82\/","title":{"rendered":"\u0421\u0440\u0435\u0434\u0441\u0442\u0432\u0430 \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u043e\u0439 \u0437\u0430\u0449\u0438\u0442\u044b \u043f\u043e \u043e\u0442\u0440\u0430\u0441\u043b\u044f\u043c"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6495\" class=\"elementor elementor-6495\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3cd35a9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3cd35a9\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e1c8fc4\" data-id=\"e1c8fc4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d4f2017 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d4f2017\" 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    <div class=\"box-root padding-top--24 flex-flex flex-direction--column\" style=\"flex-grow: 1; z-index: 9;\">\r\n      <div class=\"box-root padding-bottom--24 flex-flex flex-justifyContent--center\">\r\n\r\n      <\/div>\r\n      <div class=\"formbg-outer\">\r\n\r\n\r\n        <div class=\"formbg\" id=\"content\">\r\n          <div class=\"title\" style=\"padding-bottom: 80px; background-color: #f4ecfc; height: 50px;\">\r\n            <h2 style=\"font-size:32px; text-align: center;\">\r\n  \u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u0438 \u043e\u0445\u0440\u0430\u043d\u044b \u0442\u0440\u0443\u0434\u0430 \u043e\u0431\u0449\u0435\u0433\u043e \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0430\r\n<\/h2>\r\n          <\/div>\r\n\r\n          <div class=\"formbg-inner padding-horizontal--24\" style=\"grid-column: 1 \/ 2;\">\r\n\r\n            <form id=\"stripe-login\" onsubmit=\"return false\">\r\n              <div class=\"field padding-bottom--24\">\r\n                <label for=\"email\">\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0440\u0430\u0431\u043e\u0442\u043d\u0438\u043a\u043e\u0432 \u0432 \u0440\u0430\u0437\u0440\u0435\u0437\u0435 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u0439:<\/label>\r\n                <input type=\"number\" id=\"input1\" name=\"input1\" min=\"0\"  require  value=\"0\"\r\n                  oninput=\"range1.value=value\" \/>\r\n                <div>\r\n                  <input type=\"range\" value=\"1\" min=\"0\" max=\"10000\" id=\"range1\" class=\"range blue\"\r\n                    oninput=\"input1.value=value\" \/>\r\n                <\/div>\r\n\r\n              <\/div>\r\n              <div class=\"field padding-bottom--24\">\r\n                <label for=\"password\">\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0443\u0441\u043b\u0443\u0433 \u043f\u043e \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044e \u0432 \u0443\u0447\u0435\u0431\u043d\u043e\u043c \u0446\u0435\u043d\u0442\u0440\u0435:<\/label>\r\n                <div>\r\n                  <input type=\"number\" id=\"input2\" name=\"input2\" min=\"0\" value=\"0\" required=\"\" oninput=\"range2.value=value\">\r\n\r\n                  <input type=\"range\" value=\"1\" min=\"0\" max=\"10000\" id=\"range2\" class=\"range1 blue\"\r\n                    oninput=\"input2.value=value\" \/>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"field padding-bottom--24\">\r\n                <input type=\"submit\" name=\"submit\" value=\"\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c\" onclick=\"multiplyInputs()\" class=\"bt_mode_submit\">\r\n                <div style=\"padding-top:15px\">\r\n                  <label for=\"result\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u0438 \u043e\u0445\u0440\u0430\u043d\u044b \u0442\u0440\u0443\u0434\u0430 \u043e\u0431\u0449\u0435\u0433\u043e \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0430:<\/label>\r\n                  <span id=\"result\"><\/span>\r\n                  <span id=\"result\" style=\"font-size:16px;\"> \u0442\u0435\u043d\u0433\u0435<\/span>\r\n                <\/div>\r\n              <\/div>\r\n          <\/div>\r\n\r\n          <\/form>\r\n          <div class=\"grid-item\" style=\"  padding-top:79px; width:770px; grid-column: 2 \/ 4; \">\r\n            <button onclick=\"changeContent(1)\" class=\"bt_mode\">\r\n              \u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044f, \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043e\u043a \u0437\u043d\u0430\u043d\u0438\u0439\r\n            <\/button>\r\n            <button onclick=\"changeContent(2)\" class=\"bt_mode\">\r\n              \u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0441\u0442\u0440\u0430\u0445\u043e\u0432\u0430\u043d\u0438\u0435 \u0440\u0430\u0431\u043e\u0442\u043d\u0438\u043a\u0430 \u043e\u0442 \u043d\u0435\u0441\u0447\u0430\u0441\u0442\u043d\u044b\u0445 \u0441\u043b\u0443\u0447\u0430\u0435\u0432\r\n            <\/button>\r\n            <button onclick=\"changeContent(3)\" class=\"bt_mode\">\r\n              \u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u0437\u0430\u0449\u0438\u0442\u044b\r\n            <\/button>\r\n            <button onclick=\"changeContent(4)\" class=\"bt_mode\">\r\n              \u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0441\u0430\u043d\u0438\u0442\u0430\u0440\u043d\u043e-\u0431\u044b\u0442\u043e\u0432\u044b\u043c\u0438 \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u044f\u043c\u0438 \u0438 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430\u043c\u0438\r\n            <\/button>\r\n            <button onclick=\"changeContent(5)\" class=\"bt_mode\">\r\n              \u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043e\u0446\u0435\u043d\u043a\u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0440\u0438\u0441\u043a\u043e\u0432\r\n            <\/button>\r\n            <button onclick=\"changeContent(6)\" class=\"bt_mode\">\r\n              \u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443, \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0438 \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 \u0421\u0423\u041e\u0422\r\n            <\/button>\r\n          <\/div>\r\n          <div style=\"grid-column: 1 \/ 4; padding: 48px;\">\r\n            <table class=\"table123\">\r\n              <tr>\r\n                <th>1<\/th>\r\n                <th>2<\/th>\r\n                <th>3<\/th>\r\n                <th>4<\/th>\r\n                <th>5<\/th>\r\n                <th>6<\/th>\r\n                <th>7<\/th>\r\n                <th style=\"background-color: rgb(84, 105, 212);\"><\/th>\r\n              <\/tr>\r\n              <tr>\r\n                <td><span id=\"demo0\"><\/span><\/td>\r\n                <td><span id=\"demo1\"><\/span><\/td>\r\n                <td><span id=\"demo2\"><\/span><\/td>\r\n                <td><span id=\"demo3\"><\/span><\/td>\r\n                <td><span id=\"demo4\"><\/span><\/td>\r\n                <td><span id=\"demo5\"><\/span><\/td>\r\n                <td><span id=\"demo6\"><\/span><\/td>\r\n                <td style=\"background-color: rgb(84, 105, 212);\"><button onclick=\"clearData()\"\r\n                    id=\"clear\" style=\"width:96%;\">\u0421\u0431\u0440\u043e\u0441\u0438\u0442\u044c<\/button>\r\n                <\/td>\r\n\r\n              <\/tr>\r\n            <\/table>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    var currentContent = 1;\r\n    function multiplyInputs() {\r\n      var input1 = document.getElementById(\"input1\").value;\r\n      var input2 = document.getElementById(\"input2\").value;\r\n      var result = input1 * input2;\r\n      document.getElementById(\"result\").innerHTML = result;\r\n      \r\n       sessionStorage.setItem(\"result0\", result);\r\n      let res0 = sessionStorage.getItem(\"result0\");\r\n      document.getElementById(\"demo0\").innerHTML = res0;\r\n      document.getElementById(\"demo1\").innerHTML = sessionStorage.getItem(\"result1\");\r\n      document.getElementById(\"demo2\").innerHTML = sessionStorage.getItem(\"result2\");\r\n      document.getElementById(\"demo3\").innerHTML = sessionStorage.getItem(\"result3\");\r\n      document.getElementById(\"demo4\").innerHTML = sessionStorage.getItem(\"result4\");\r\n      document.getElementById(\"demo5\").innerHTML = sessionStorage.getItem(\"result5\");\r\n      document.getElementById(\"demo6\").innerHTML = sessionStorage.getItem(\"result6\");\r\n     \r\n    }\r\n    function multiplyInputs1() {\r\n      var input1 = document.getElementById(\"input1\").value;\r\n      var input2 = document.getElementById(\"input2\").value;\r\n      var result = input1 * input2;\r\n      document.getElementById(\"result\").innerHTML = result;\r\n\r\n      sessionStorage.setItem(\"result1\", result);\r\n      let res1 = sessionStorage.getItem(\"result1\");\r\n      document.getElementById(\"demo1\").innerHTML = res1;\r\n      document.getElementById(\"demo0\").innerHTML = sessionStorage.getItem(\"result0\");\r\n      document.getElementById(\"demo2\").innerHTML = sessionStorage.getItem(\"result2\");\r\n      document.getElementById(\"demo3\").innerHTML = sessionStorage.getItem(\"result3\");\r\n      document.getElementById(\"demo4\").innerHTML = sessionStorage.getItem(\"result4\");\r\n      document.getElementById(\"demo5\").innerHTML = sessionStorage.getItem(\"result5\");\r\n      document.getElementById(\"demo6\").innerHTML = sessionStorage.getItem(\"result6\");\r\n\r\n\r\n\r\n    }\r\n    function multiplyInputs2() {\r\n      var input1 = document.getElementById(\"input1\").value;\r\n      var input2 = document.getElementById(\"input2\").value;\r\n      var result = input1 * input2;\r\n      document.getElementById(\"result\").innerHTML = result;\r\n\r\n      sessionStorage.setItem(\"result2\", result);\r\n      let res2 = sessionStorage.getItem(\"result2\");\r\n      document.getElementById(\"demo2\").innerHTML = res2;\r\n      document.getElementById(\"demo0\").innerHTML = sessionStorage.getItem(\"result0\");\r\n      document.getElementById(\"demo1\").innerHTML = sessionStorage.getItem(\"result1\");\r\n      document.getElementById(\"demo3\").innerHTML = sessionStorage.getItem(\"result3\");\r\n      document.getElementById(\"demo4\").innerHTML = sessionStorage.getItem(\"result4\");\r\n      document.getElementById(\"demo5\").innerHTML = sessionStorage.getItem(\"result5\");\r\n      document.getElementById(\"demo6\").innerHTML = sessionStorage.getItem(\"result6\");\r\n    }\r\n\r\n    function multiplyInputs3() {\r\n      var input1 = document.getElementById(\"input1\").value;\r\n      var input2 = document.getElementById(\"input2\").value;\r\n      var input3 = document.getElementById(\"input3\").value;\r\n      var result = input1 * input2 * input3;\r\n      document.getElementById(\"result\").innerHTML = result;\r\n\r\n      sessionStorage.setItem(\"result3\", result);\r\n      let res3 = sessionStorage.getItem(\"result3\");\r\n      document.getElementById(\"demo3\").innerHTML = res3;\r\n      document.getElementById(\"demo0\").innerHTML = sessionStorage.getItem(\"result0\");\r\n      document.getElementById(\"demo1\").innerHTML = sessionStorage.getItem(\"result1\");\r\n      document.getElementById(\"demo2\").innerHTML = sessionStorage.getItem(\"result2\");\r\n      document.getElementById(\"demo4\").innerHTML = sessionStorage.getItem(\"result4\");\r\n      document.getElementById(\"demo5\").innerHTML = sessionStorage.getItem(\"result6\");\r\n      document.getElementById(\"demo6\").innerHTML = sessionStorage.getItem(\"result5\");\r\n    }\r\n\r\n    function multiplyInputs4() {\r\n      var input1 = document.getElementById(\"input1\").value;\r\n      var input2 = document.getElementById(\"input2\").value;\r\n      var input3 = document.getElementById(\"input3\").value;\r\n      var result = input1 * input2 * input3;\r\n      document.getElementById(\"result\").innerHTML = result;\r\n\r\n      sessionStorage.setItem(\"result4\", result);\r\n      let res4 = sessionStorage.getItem(\"result4\");\r\n      document.getElementById(\"demo4\").innerHTML = res4;\r\n      document.getElementById(\"demo0\").innerHTML = sessionStorage.getItem(\"result0\");\r\n      document.getElementById(\"demo1\").innerHTML = sessionStorage.getItem(\"result1\");\r\n      document.getElementById(\"demo2\").innerHTML = sessionStorage.getItem(\"result2\");\r\n      document.getElementById(\"demo3\").innerHTML = sessionStorage.getItem(\"result3\");\r\n      document.getElementById(\"demo5\").innerHTML = sessionStorage.getItem(\"result5\");\r\n      document.getElementById(\"demo6\").innerHTML = sessionStorage.getItem(\"result6\");\r\n    }\r\n    function multiplyInputs5() {\r\n      var input1 = document.getElementById(\"input1\").value;\r\n      var input2 = document.getElementById(\"input2\").value;\r\n      var result = input1 * input2;\r\n      document.getElementById(\"result\").innerHTML = result;\r\n\r\n      sessionStorage.setItem(\"result5\", result);\r\n      let res5 = sessionStorage.getItem(\"result5\");\r\n      document.getElementById(\"demo5\").innerHTML = res5;\r\n      document.getElementById(\"demo0\").innerHTML = sessionStorage.getItem(\"result0\");\r\n      document.getElementById(\"demo1\").innerHTML = sessionStorage.getItem(\"result1\");\r\n      document.getElementById(\"demo2\").innerHTML = sessionStorage.getItem(\"result2\");\r\n      document.getElementById(\"demo3\").innerHTML = sessionStorage.getItem(\"result3\");\r\n      document.getElementById(\"demo4\").innerHTML = sessionStorage.getItem(\"result4\");\r\n      document.getElementById(\"demo6\").innerHTML = sessionStorage.getItem(\"result6\");\r\n    }\r\n\r\n    const multiplyInputs6 = () => {\r\n      let input1 = document.getElementById(\"input1\").value;\r\n      var result = input1;\r\n      document.getElementById(\"result\").innerHTML = result;\r\n\r\n      sessionStorage.setItem(\"result6\", result);\r\n      let res6 = sessionStorage.getItem(\"result6\");\r\n      document.getElementById(\"demo6\").innerHTML = res6;\r\n      document.getElementById(\"demo0\").innerHTML = sessionStorage.getItem(\"result0\");\r\n      document.getElementById(\"demo1\").innerHTML = sessionStorage.getItem(\"result1\");\r\n      document.getElementById(\"demo2\").innerHTML = sessionStorage.getItem(\"result2\");\r\n      document.getElementById(\"demo3\").innerHTML = sessionStorage.getItem(\"result3\");\r\n      document.getElementById(\"demo4\").innerHTML = sessionStorage.getItem(\"result4\");\r\n      document.getElementById(\"demo5\").innerHTML = sessionStorage.getItem(\"result5\");\r\n    };\r\n\r\n    function clearData() {\r\n      sessionStorage.clear();\r\n      window.location.reload();\r\n\r\n    };\r\n\r\n\r\n    function changeContent(contentNumber) {\r\n      currentContent = contentNumber;\r\n      if (contentNumber == 1) {\r\n        document.getElementById(\"content\").innerHTML =\r\n\r\n   \r\n      '<div class=\"box-root padding-top--48 padding-bottom--24 flex-flex flex-justifyContent--center\" >' +\r\n\r\n      '<\/div>' +\r\n'<div class=\"formbg-outer\" >' +\r\n            '<div class=\"formbg\" id=\"content\" style=\"max-width:1220px; margin-left:auto; margin-right:auto; margin-top:48px; margin-bottom:48px;\">' +\r\n\r\n          '<div class=\"title\" style=\" background-color: #f4ecfc; \">' +\r\n          '<h2>\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044f, \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043e\u043a \u0437\u043d\u0430\u043d\u0438\u0439 \u043f\u043e \u0432\u043e\u043f\u0440\u043e\u0441\u0430\u043c \u043e\u0445\u0440\u0430\u043d\u044b \u0442\u0440\u0443\u0434\u0430 \u0440\u0430\u0431\u043e\u0442\u043d\u0438\u043a\u043e\u0432, \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u0439 \u0438 \u043b\u0438\u0446 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u0437\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u043e\u0445\u0440\u0430\u043d\u044b \u0442\u0440\u0443\u0434\u0430<\/h2>' +\r\n          '<\/div>' +\r\n          '<div class=\"formbg-inner padding-horizontal--24\" style=\"grid-column: 1 \/ 2; padding-top: 48px;\">' +\r\n\r\n          '<form id=\"stripe-login\" onsubmit=\"return false\">' +\r\n\r\n          '<div class=\"field padding-bottom--24\">' +\r\n\r\n          '<label for=\"email\">\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0440\u0430\u0431\u043e\u0442\u043d\u0438\u043a\u043e\u0432 \u0432 \u0440\u0430\u0437\u0440\u0435\u0437\u0435 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u0439:<\/label>' +\r\n          '<div>' +\r\n          '<input type=\"number\" id=\"input1\" name=\"input1\" min=\"0\" value=\"0\" oninput=\"range1.value=value\" \/>' +\r\n\r\n          '<input type=\"range\" value=\"1\" min=\"0\" max=\"10000\" id=\"range1\" class=\"range blue\" oninput=\"input1.value=value\" \/>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n\r\n          '<div class=\"field padding-bottom--24\">' +\r\n          '<label for=\"password\">\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0443\u0441\u043b\u0443\u0433 \u043f\u043e \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044e \u0432 \u0443\u0447\u0435\u0431\u043d\u043e\u043c \u0446\u0435\u043d\u0442\u0440\u0435:<\/label>' +\r\n          '<div>' +\r\n          '<input type=\"number\" id=\"input2\" name=\"input2\" min=\"0\" value=\"0\" oninput=\"range2.value=value\">' +\r\n\r\n          '<input type=\"range\" value=\"1\" min=\"0\" max=\"10000\" id=\"range2\" class=\"range1 blue\" oninput=\"input2.value=value\" \/>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n\r\n          '<div class=\"field padding-bottom--24\">' +\r\n          '<input type=\"submit\" name=\"submit\" value=\"\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c\" onclick=\"multiplyInputs1()\" class=\"bt_mode_submit\">' +\r\n          '<div style=\"padding-top:15px\">' +\r\n          '<label for=\"result\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0440\u0430\u0431\u043e\u0442\u043d\u0438\u043a\u043e\u0432: <\/label>' +\r\n          '<span id=\"result\"><\/span>' +\r\n '<span id=\"result\" style=\"font-size:16px;\"> \u0442\u0435\u043d\u0433\u0435<\/span>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n\r\n          '<\/form >' +\r\n          '<div class=\"grid-item\" style=\"padding-top:48px; width:770px; grid-column: 2 \/ 4; \">' +\r\n          '<button onclick=\"changeContent(1)\" class=\"bt_mode_state\" >\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044f, \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043e\u043a \u0437\u043d\u0430\u043d\u0438\u0439<\/button>' +\r\n          '<button onclick=\"changeContent(2)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0441\u0442\u0440\u0430\u0445\u043e\u0432\u0430\u043d\u0438\u0435 \u0440\u0430\u0431\u043e\u0442\u043d\u0438\u043a\u0430 \u043e\u0442 \u043d\u0435\u0441\u0447\u0430\u0441\u0442\u043d\u044b\u0445 \u0441\u043b\u0443\u0447\u0430\u0435\u0432<\/button>' +\r\n          '<button onclick=\"changeContent(3)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u0437\u0430\u0449\u0438\u0442\u044b<\/button>' +\r\n          '<button onclick=\"changeContent(4)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0441\u0430\u043d\u0438\u0442\u0430\u0440\u043d\u043e-\u0431\u044b\u0442\u043e\u0432\u044b\u043c\u0438 \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u044f\u043c\u0438 \u0438 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430\u043c\u0438<\/button>' +\r\n          '<button onclick=\"changeContent(5)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043e\u0446\u0435\u043d\u043a\u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0440\u0438\u0441\u043a\u043e\u0432<\/button>' +\r\n          '<button onclick=\"changeContent(6)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443, \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0438 \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 \u0421\u0423\u041e\u0422<\/button>' +\r\n          '<\/div>' +\r\n          '<div style=\"grid-column: 1 \/ 4; padding: 48px;\">' +\r\n          '<table style=\"width:100%\">' +\r\n          '<tr>' +\r\n          '<th>1<\/th>' +\r\n          '<th>2<\/th>' +\r\n          '<th>3<\/th>' +\r\n          '<th>4<\/th>' +\r\n          '<th>5<\/th>' +\r\n          '<th>6<\/th>' +\r\n          '<th>7<\/th>' +\r\n          '<th style=\"background-color: rgb(84, 105, 212);\"><\/th>' +\r\n\r\n\r\n          '<\/tr>' +\r\n          '<tr>' +\r\n          '<td><span id=\"demo0\"><\/span><\/td>' +\r\n          '<td><span id=\"demo1\"><\/span><\/td>' +\r\n          '<td><span id=\"demo2\"><\/span><\/td>' +\r\n          '<td><span id=\"demo3\"><\/span><\/td>' +\r\n          '<td><span id=\"demo4\"><\/span><\/td>' +\r\n          '<td><span id=\"demo5\"><\/span><\/td>' +\r\n          '<td><span id=\"demo6\"><\/span><\/td>' +\r\n          '<td style=\"background-color: rgb(84, 105, 212);\"><button onclick=\"clearData()\">\u0421\u0431\u0440\u043e\u0441\u0438\u0442\u044c<\/button><\/td>' +\r\n\r\n          '<\/tr>' +\r\n          '<\/table>' +\r\n           '<\/div>' +\r\n           '<\/div>' +\r\n            '<\/div>';\r\n\r\n\r\n      } else if (contentNumber == 2) {\r\n        document.getElementById(\"content\").innerHTML =\r\n\r\n\r\n\r\n '<div class=\"box-root padding-top--48 padding-bottom--24 flex-flex flex-justifyContent--center\" >' +\r\n\r\n      '<\/div>' +\r\n'<div class=\"formbg-outer\" >' +\r\n            '<div class=\"formbg\" id=\"content\" style=\"max-width:1220px; margin-left:auto; margin-right:auto; margin-top:48px; margin-bottom:48px;\">' +\r\n\r\n          '<div class=\"title\" style=\" background-color: #f4ecfc; \">' +\r\n          '<h2>\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u0438 \u043e\u0445\u0440\u0430\u043d\u044b \u0442\u0440\u0443\u0434\u0430 \u043e\u0431\u0449\u0435\u0433\u043e \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0430<\/h2>' +\r\n          '<\/div>' +\r\n          '<div class=\"formbg-inner padding-horizontal--24\" style=\"grid-column: 1 \/ 2; padding-top: 48px;\">' +\r\n\r\n          '<form id=\"stripe-login\" onsubmit=\"return false\">' +\r\n\r\n          '<div class=\"field padding-bottom--24\">' +\r\n\r\n          '<label for=\"email\">\u0413\u043e\u0434\u043e\u0432\u043e\u0439 \u0444\u043e\u043d\u0434 \u043e\u043f\u043b\u0430\u0442\u044b \u0442\u0440\u0443\u0434\u0430:<\/label>' +\r\n          '<div>' +\r\n          '<input type=\"number\" id=\"input1\" name=\"input1\" min=\"0\"  value=\"0\" oninput=\"range1.value=value\" \/>' +\r\n\r\n          '<input type=\"range\" value=\"1\" min=\"0\" max=\"10000\" id=\"range1\" class=\"range blue\" oninput=\"input1.value=value\" \/>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n\r\n          '<div class=\"field padding-bottom--24\">' +\r\n          '<label for=\"password\">\u0421\u0442\u0440\u0430\u0445\u043e\u0432\u043e\u0439 \u0442\u0430\u0440\u0438\u0444 \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u043a\u043b\u0430\u0441\u0441\u0430 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0440\u0438\u0441\u043a\u0430:<\/label>' +\r\n          '<div>' +\r\n          '<input type=\"number\" id=\"input2\" name=\"input2\" min=\"0\" value=\"0\" oninput=\"range2.value=value\">' +\r\n\r\n          '<input type=\"range\" value=\"1\" min=\"0\" max=\"10000\" id=\"range2\" class=\"range1 blue\" oninput=\"input2.value=value\" \/>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n\r\n          '<div class=\"field padding-bottom--24\">' +\r\n          '<input type=\"submit\" name=\"submit\" value=\"\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c\" onclick=\"multiplyInputs2()\" class=\"bt_mode_submit\">' +\r\n          '<div style=\"padding-top:15px\">' +\r\n          '<label for=\"result\">\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0443\u0441\u043b\u0443\u0433 \u043f\u043e \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044e \u0432 \u0443\u0447\u0435\u0431\u043d\u043e\u043c \u0446\u0435\u043d\u0442\u0440\u0435: <\/label>' +\r\n          '<span id=\"result\"><\/span>' +\r\n          '<span id=\"result\" style=\"font-size:16px;\"> \u0442\u0435\u043d\u0433\u0435<\/span>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n          '<\/form >' +\r\n          '<div class=\"grid-item\" style=\"  padding-top:48px; width:770px; grid-column: 2 \/ 4; \">' +\r\n          '<button onclick=\"changeContent(1)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044f, \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043e\u043a \u0437\u043d\u0430\u043d\u0438\u0439<\/button>' +\r\n          '<button onclick=\"changeContent(2)\" class=\"bt_mode_state\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0441\u0442\u0440\u0430\u0445\u043e\u0432\u0430\u043d\u0438\u0435 \u0440\u0430\u0431\u043e\u0442\u043d\u0438\u043a\u0430 \u043e\u0442 \u043d\u0435\u0441\u0447\u0430\u0441\u0442\u043d\u044b\u0445 \u0441\u043b\u0443\u0447\u0430\u0435\u0432<\/button>' +\r\n          '<button onclick=\"changeContent(3)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u0437\u0430\u0449\u0438\u0442\u044b<\/button>' +\r\n          '<button onclick=\"changeContent(4)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0441\u0430\u043d\u0438\u0442\u0430\u0440\u043d\u043e-\u0431\u044b\u0442\u043e\u0432\u044b\u043c\u0438 \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u044f\u043c\u0438 \u0438 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430\u043c\u0438<\/button>' +\r\n          '<button onclick=\"changeContent(5)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043e\u0446\u0435\u043d\u043a\u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0440\u0438\u0441\u043a\u043e\u0432<\/button>' +\r\n          '<button onclick=\"changeContent(6)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443, \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0438 \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 \u0421\u0423\u041e\u0422<\/button>' +\r\n          '<\/div>' +\r\n          '<div style=\"grid-column: 1 \/ 4; padding: 48px;\">' +\r\n          '<table style=\"width:100%\">' +\r\n          '<tr>' +\r\n          '<th>1<\/th>' +\r\n          '<th>2<\/th>' +\r\n          '<th>3<\/th>' +\r\n          '<th>4<\/th>' +\r\n          '<th>5<\/th>' +\r\n          '<th>6<\/th>' +\r\n          '<th>7<\/th>' +\r\n          '<th style=\"background-color: rgb(84, 105, 212);\"><\/th>' +\r\n\r\n\r\n          '<\/tr>' +\r\n          '<tr>' +\r\n          '<td><span id=\"demo0\"><\/span><\/td>' +\r\n          '<td><span id=\"demo1\"><\/span><\/td>' +\r\n          '<td><span id=\"demo2\"><\/span><\/td>' +\r\n          '<td><span id=\"demo3\"><\/span><\/td>' +\r\n          '<td><span id=\"demo4\"><\/span><\/td>' +\r\n          '<td><span id=\"demo5\"><\/span><\/td>' +\r\n          '<td><span id=\"demo6\"><\/span><\/td>' +\r\n          '<td style=\"background-color: rgb(84, 105, 212);\"><button onclick=\"clearData()\">\u0421\u0431\u0440\u043e\u0441\u0438\u0442\u044c<\/button><\/td>' +\r\n\r\n          '<\/tr>' +\r\n          '<\/table>' +\r\n           '<\/div>' +\r\n           '<\/div>' +\r\n          '<\/div>';\r\n\r\n\r\n\r\n      } else if (contentNumber == 3) {\r\n        document.getElementById(\"content\").innerHTML =\r\n\r\n\r\n\r\n\r\n      '<div class=\"box-root padding-top--48 padding-bottom--24 flex-flex flex-justifyContent--center\" >' +\r\n\r\n      '<\/div>' +\r\n'<div class=\"formbg-outer\" >' +\r\n            '<div class=\"formbg\" id=\"content\" style=\"max-width:1220px; margin-left:auto; margin-right:auto; margin-top:48px; margin-bottom:48px;\">' +\r\n\r\n          '<div class=\"title\" style=\" background-color: #f4ecfc; \">' +\r\n          '<h2>\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u0437\u0430\u0449\u0438\u0442\u044b<\/h2>' +\r\n          '<\/div>' +\r\n          '<div class=\"formbg-inner padding-horizontal--24\" style=\"grid-column: 1 \/ 2; padding-top: 48px;\">' +\r\n\r\n          '<form id=\"stripe-login\" onsubmit=\"return false\">' +\r\n\r\n\r\n\r\n          '<div class=\"field padding-bottom--24\">' +\r\n\r\n          '<label for=\"email\">\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0440\u0430\u0431\u043e\u0447\u0438\u0445 \u0446\u0435\u0445\u043e\u0432, \u043e\u0431\u043e\u0440\u0443\u0434\u0443\u0435\u043c\u044b\u0445 i-\u044b\u043c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u043c \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u043e\u043c \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u0441\u0440\u0435\u0434\u0441\u0442\u0432 \u0437\u0430\u0449\u0438\u0442\u044b:<\/label>' +\r\n          '<div>' +\r\n          '<input type=\"number\" id=\"input1\" name=\"input1\" min=\"0\"  value=\"0\" oninput=\"range1.value=value\" \/>' +\r\n\r\n          '<input type=\"range\" value=\"1\" min=\"0\" max=\"10000\" id=\"range1\" class=\"range blue\" oninput=\"input1.value=value\" \/>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n\r\n          '<div class=\"field padding-bottom--24\">' +\r\n          '<label for=\"password\">\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0430 \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u0441\u0440\u0435\u0434\u0441\u0442\u0432 \u0437\u0430\u0449\u0438\u0442\u044b:<\/label>' +\r\n          '<div>' +\r\n          '<input type=\"number\" id=\"input2\" name=\"input2\" min=\"0\" value=\"0\" oninput=\"range2.value=value\">' +\r\n\r\n          '<input type=\"range\" value=\"1\" min=\"0\" max=\"10000\" id=\"range2\" class=\"range1 blue\" oninput=\"input2.value=value\" \/>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n\r\n          '<div class=\"field padding-bottom--24\">' +\r\n          '<label for=\"password\">\u041a\u043e\u043b-\u0432\u043e \u0433\u0440\u0443\u043f\u043f \u0440\u0430\u0431\u043e\u0447\u0438\u0445 \u043c\u0435\u0441\u0442, \u043e\u0431\u043e\u0440\u0443\u0434\u0443\u0435\u043c\u044b\u0445 i-\u044b\u043c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u043c \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u043e\u043c \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u0441\u0440\u0435\u0434\u0441\u0442\u0432 \u0437\u0430\u0449\u0438\u0442\u044b:<\/label>' +\r\n          '<div>' +\r\n          '<input type=\"number\" id=\"input3\" name=\"input3\" min=\"0\" value=\"0\" oninput=\"range3.value=value\">' +\r\n\r\n          '<input type=\"range\" value=\"1\" min=\"0\" max=\"10000\" id=\"range3\" class=\"range1 blue\" oninput=\"input3.value=value\" \/>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n\r\n\r\n          '<div class=\"field padding-bottom--24\">' +\r\n          '<input type=\"submit\" name=\"submit\" value=\"\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c\" onclick=\"multiplyInputs3()\" class=\"bt_mode_submit\">' +\r\n          '<div style=\"padding-top:15px\">' +\r\n          '<label for=\"result\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0440\u0430\u0431\u043e\u0442\u043d\u0438\u043a\u043e\u0432 \u0421\u041a\u0417: <\/label>' +\r\n          '<span id=\"result\"><\/span>' +\r\n           '<span id=\"result\" style=\"font-size:16px;\"> \u0442\u0435\u043d\u0433\u0435<\/span>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n          '<\/form >' +\r\n          '<div class=\"grid-item\" style=\"  width:770px; grid-column: 2 \/ 4; \">' +\r\n          '<button onclick=\"changeContent(1)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044f, \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043e\u043a \u0437\u043d\u0430\u043d\u0438\u0439<\/button>' +\r\n          '<button onclick=\"changeContent(2)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0441\u0442\u0440\u0430\u0445\u043e\u0432\u0430\u043d\u0438\u0435 \u0440\u0430\u0431\u043e\u0442\u043d\u0438\u043a\u0430 \u043e\u0442 \u043d\u0435\u0441\u0447\u0430\u0441\u0442\u043d\u044b\u0445 \u0441\u043b\u0443\u0447\u0430\u0435\u0432<\/button>' +\r\n          '<button onclick=\"changeContent(3)\" class=\"bt_mode_state\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u0437\u0430\u0449\u0438\u0442\u044b<\/button>' +\r\n          '<button onclick=\"changeContent(4)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0441\u0430\u043d\u0438\u0442\u0430\u0440\u043d\u043e-\u0431\u044b\u0442\u043e\u0432\u044b\u043c\u0438 \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u044f\u043c\u0438 \u0438 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430\u043c\u0438<\/button>' +\r\n          '<button onclick=\"changeContent(5)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043e\u0446\u0435\u043d\u043a\u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0440\u0438\u0441\u043a\u043e\u0432<\/button>' +\r\n          '<button onclick=\"changeContent(6)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443, \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0438 \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 \u0421\u0423\u041e\u0422<\/button>' +\r\n          '<\/div>' +\r\n          '<div style=\"grid-column: 1 \/ 4; padding: 48px;\">' +\r\n          '<table style=\"width:100%\">' +\r\n          '<tr>' +\r\n         '<th>1<\/th>' +\r\n          '<th>2<\/th>' +\r\n          '<th>3<\/th>' +\r\n          '<th>4<\/th>' +\r\n          '<th>5<\/th>' +\r\n          '<th>6<\/th>' +\r\n          '<th>7<\/th>' +\r\n          '<th style=\"background-color: rgb(84, 105, 212);\"><\/th>' +\r\n\r\n\r\n          '<\/tr>' +\r\n          '<tr>' +\r\n          '<td><span id=\"demo0\"><\/span><\/td>' +\r\n          '<td><span id=\"demo1\"><\/span><\/td>' +\r\n          '<td><span id=\"demo2\"><\/span><\/td>' +\r\n          '<td><span id=\"demo3\"><\/span><\/td>' +\r\n          '<td><span id=\"demo4\"><\/span><\/td>' +\r\n          '<td><span id=\"demo5\"><\/span><\/td>' +\r\n          '<td><span id=\"demo6\"><\/span><\/td>' +\r\n          '<td style=\"background-color: rgb(84, 105, 212);\"><button onclick=\"clearData()\">\u0421\u0431\u0440\u043e\u0441\u0438\u0442\u044c<\/button><\/td>' +\r\n\r\n          '<\/tr>' +\r\n          '<\/table>' +\r\n           '<\/div>' +\r\n           '<\/div>' +\r\n          '<\/div>';\r\n\r\n\r\n      } else if (contentNumber == 4) {\r\n        document.getElementById(\"content\").innerHTML =\r\n\r\n      '<div class=\"box-root padding-top--48 padding-bottom--24 flex-flex flex-justifyContent--center\" >' +\r\n\r\n      '<\/div>' +\r\n'<div class=\"formbg-outer\" >' +\r\n            '<div class=\"formbg\" id=\"content\" style=\"max-width:1220px; margin-left:auto; margin-right:auto; margin-top:48px; margin-bottom:48px;\">' +\r\n\r\n          '<div class=\"title\" style=\" background-color: #f4ecfc; \">' +\r\n          '<h2>\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0441\u0430\u043d\u0438\u0442\u0430\u0440\u043d\u043e-\u0431\u044b\u0442\u043e\u0432\u044b\u043c\u0438 \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u044f\u043c\u0438 \u0438 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430\u043c\u0438<\/h2>' +\r\n          '<\/div>' +\r\n          '<div class=\"formbg-inner padding-horizontal--24\" style=\"grid-column: 1 \/ 2; padding-top: 48px;\">' +\r\n\r\n          '<form id=\"stripe-login\" onsubmit=\"return false\">' +\r\n\r\n          '<div class=\"field padding-bottom--24\">' +\r\n          '<label for=\"password\">\u041a\u043e\u043b-\u0432\u043e \u0441\u0430\u043d\u0438\u0442\u0430\u0440\u043d\u043e-\u0431\u044b\u0442\u043e\u0432\u044b\u0445 \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u0439 (\u0446\u0435\u0445, \u0441\u043b\u0443\u0436\u0431\u0430 \u0438 \u0442.\u0434.):<\/label>' +\r\n          '<div>' +\r\n          '<input type=\"number\" id=\"input3\" name=\"input3\" min=\"0\" value=\"0\" oninput=\"range3.value=value\">' +\r\n\r\n          '<input type=\"range\" value=\"1\" min=\"0\" max=\"10000\" id=\"range3\" class=\"range1 blue\" oninput=\"input3.value=value\" \/>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n\r\n          '<div class=\"field padding-bottom--24\">' +\r\n\r\n          '<label for=\"email\">\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043f\u0440\u0438\u043e\u0431\u0440\u0435\u0442\u0430\u0435\u043c\u044b\u0445 i-\u0433\u043e \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432 \u0434\u043b\u044f \u0441\u0430\u043d\u0438\u0442\u0430\u0440\u043d\u043e-\u0431\u044b\u0442\u043e\u0432\u043e\u0433\u043e \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u044f:<\/label>' +\r\n          '<div>' +\r\n          '<input type=\"number\" id=\"input1\" name=\"input1\" min=\"0\" value=\"0\" oninput=\"range1.value=value\" \/>' +\r\n\r\n          '<input type=\"range\" value=\"1\" min=\"0\" max=\"10000\" id=\"range1\" class=\"range blue\" oninput=\"input1.value=value\" \/>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n\r\n          '<div class=\"field padding-bottom--24\">' +\r\n          '<label for=\"password\">\u0426\u0435\u043d\u0430 i-\u0433\u043e \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430:<\/label>' +\r\n          '<div>' +\r\n          '<input type=\"number\" id=\"input2\" name=\"input2\" min=\"0\" value=\"0\" oninput=\"range2.value=value\">' +\r\n\r\n          '<input type=\"range\" value=\"1\" min=\"0\" max=\"10000\" id=\"range2\" class=\"range1 blue\" oninput=\"input2.value=value\" \/>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n\r\n\r\n\r\n\r\n          '<div class=\"field padding-bottom--24\">' +\r\n          '<input type=\"submit\" name=\"submit\" value=\"\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c\" onclick=\"multiplyInputs4()\" class=\"bt_mode_submit\">' +\r\n          '<div style=\"padding-top:15px\">' +\r\n          '<label for=\"result\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0441\u043d\u0430\u0449\u0435\u043d\u0438\u0435 \u0441\u0430\u043d\u0438\u0442\u0430\u0440\u043d\u043e-\u0431\u044b\u0442\u043e\u0432\u044b\u0445 \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u0438 \u0438 \u043f\u0440\u0438\u043e\u0431\u0440\u0435\u0442\u0435\u043d\u0438\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432: <\/label>' +\r\n          '<span id=\"result\"><\/span>' +\r\n           '<span id=\"result\" style=\"font-size:16px;\"> \u0442\u0435\u043d\u0433\u0435<\/span>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n          '<\/form >' +\r\n          '<div class=\"grid-item\" style=\"padding-top:48px; width:770px; grid-column: 2 \/ 4; \">' +\r\n          '<button onclick=\"changeContent(1)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044f, \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043e\u043a \u0437\u043d\u0430\u043d\u0438\u0439<\/button>' +\r\n          '<button onclick=\"changeContent(2)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0441\u0442\u0440\u0430\u0445\u043e\u0432\u0430\u043d\u0438\u0435 \u0440\u0430\u0431\u043e\u0442\u043d\u0438\u043a\u0430 \u043e\u0442 \u043d\u0435\u0441\u0447\u0430\u0441\u0442\u043d\u044b\u0445 \u0441\u043b\u0443\u0447\u0430\u0435\u0432<\/button>' +\r\n          '<button onclick=\"changeContent(3)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u0437\u0430\u0449\u0438\u0442\u044b<\/button>' +\r\n          '<button onclick=\"changeContent(4)\" class=\"bt_mode_state\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0441\u0430\u043d\u0438\u0442\u0430\u0440\u043d\u043e-\u0431\u044b\u0442\u043e\u0432\u044b\u043c\u0438 \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u044f\u043c\u0438 \u0438 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430\u043c\u0438<\/button>' +\r\n          '<button onclick=\"changeContent(5)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043e\u0446\u0435\u043d\u043a\u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0440\u0438\u0441\u043a\u043e\u0432<\/button>' +\r\n          '<button onclick=\"changeContent(6)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443, \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0438 \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 \u0421\u0423\u041e\u0422<\/button>' +\r\n          '<\/div>' +\r\n          '<div style=\"grid-column: 1 \/ 4; padding: 48px;\">' +\r\n          '<table style=\"width:100%\">' +\r\n          '<tr>' +\r\n         '<th>1<\/th>' +\r\n          '<th>2<\/th>' +\r\n          '<th>3<\/th>' +\r\n          '<th>4<\/th>' +\r\n          '<th>5<\/th>' +\r\n          '<th>6<\/th>' +\r\n          '<th>7<\/th>' +\r\n          '<th style=\"background-color: rgb(84, 105, 212);\"><\/th>' +\r\n\r\n\r\n          '<\/tr>' +\r\n          '<tr>' +\r\n          '<td><span id=\"demo0\"><\/span><\/td>' +\r\n          '<td><span id=\"demo1\"><\/span><\/td>' +\r\n          '<td><span id=\"demo2\"><\/span><\/td>' +\r\n          '<td><span id=\"demo3\"><\/span><\/td>' +\r\n          '<td><span id=\"demo4\"><\/span><\/td>' +\r\n          '<td><span id=\"demo5\"><\/span><\/td>' +\r\n          '<td><span id=\"demo6\"><\/span><\/td>' +\r\n          '<td style=\"background-color: rgb(84, 105, 212);\"><button onclick=\"clearData()\">\u0421\u0431\u0440\u043e\u0441\u0438\u0442\u044c<\/button><\/td>' +\r\n\r\n          '<\/tr>' +\r\n          '<\/table>' +\r\n           '<\/div>' +\r\n           '<\/div>' +\r\n          '<\/div>';\r\n\r\n\r\n\r\n\r\n      } else if (contentNumber == 5) {\r\n        document.getElementById(\"content\").innerHTML =\r\n\r\n\r\n\r\n      '<div class=\"box-root padding-top--48 padding-bottom--24 flex-flex flex-justifyContent--center\" >' +\r\n\r\n      '<\/div>' +\r\n'<div class=\"formbg-outer\" >' +\r\n            '<div class=\"formbg\" id=\"content\" style=\"max-width:1220px; margin-left:auto; margin-right:auto; margin-top:48px; margin-bottom:48px;\">' +\r\n\r\n          '<div class=\"title\" style=\" background-color: #f4ecfc; \">' +\r\n          '<h2>\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043e\u0446\u0435\u043d\u043a\u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0440\u0438\u0441\u043a\u043e\u0432<\/h2>' +\r\n          '<\/div>' +\r\n          '<div class=\"formbg-inner padding-horizontal--24\" style=\"grid-column: 1 \/ 2; padding-top: 48px;\">' +\r\n\r\n          '<form id=\"stripe-login\" onsubmit=\"return false\">' +\r\n\r\n          '<div class=\"field padding-bottom--24\">' +\r\n\r\n          '<label for=\"email\">\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0443\u0441\u043b\u0443\u0433 \u041e\u041f\u0420 \u043d\u0430 1 \u0437\u0430\u043c\u0435\u0440 \u0440\u0430\u0431\u043e\u0447\u0435\u0433\u043e \u043c\u0435\u0441\u0442\u0430:<\/label>' +\r\n          '<div>' +\r\n          '<input type=\"number\" id=\"input1\" name=\"input1\" min=\"0\" value=\"0\" oninput=\"range1.value=value\" \/>' +\r\n\r\n          '<input type=\"range\" value=\"1\" min=\"0\" max=\"10000\" id=\"range1\" class=\"range blue\" oninput=\"input1.value=value\" \/>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n\r\n          '<div class=\"field padding-bottom--24\">' +\r\n          '<label for=\"password\">\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u0439 (\u0440\u0430\u0431\u043e\u0447\u0438\u0445 \u043c\u0435\u0441\u0442), \u043f\u043e\u0434\u043b\u0435\u0436\u0430\u0449\u0438\u0435 \u043e\u0446\u0435\u043d\u043a\u0435:<\/label>' +\r\n          '<div>' +\r\n          '<input type=\"number\" id=\"input2\" name=\"input2\" min=\"0\" value=\"0\" oninput=\"range2.value=value\">' +\r\n\r\n          '<input type=\"range\" value=\"1\" min=\"0\" max=\"10000\" id=\"range2\" class=\"range1 blue\" oninput=\"input2.value=value\" \/>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n\r\n          '<div class=\"field padding-bottom--24\">' +\r\n          '<input type=\"submit\" name=\"submit\" value=\"\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c\" onclick=\"multiplyInputs5()\" class=\"bt_mode_submit\">' +\r\n          '<div style=\"padding-top:15px\">' +\r\n          '<label for=\"result\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u041e\u041f\u0420: <\/label>' +\r\n          '<span id=\"result\"><\/span>' +\r\n           '<span id=\"result\" style=\"font-size:16px;\"> \u0442\u0435\u043d\u0433\u0435<\/span>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n          '<\/form >' +\r\n          '<div class=\"grid-item\" style=\"padding-top:48px; width:770px; grid-column: 2 \/ 4; \">' +\r\n          '<button onclick=\"changeContent(1)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044f, \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043e\u043a \u0437\u043d\u0430\u043d\u0438\u0439<\/button>' +\r\n          '<button onclick=\"changeContent(2)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0441\u0442\u0440\u0430\u0445\u043e\u0432\u0430\u043d\u0438\u0435 \u0440\u0430\u0431\u043e\u0442\u043d\u0438\u043a\u0430 \u043e\u0442 \u043d\u0435\u0441\u0447\u0430\u0441\u0442\u043d\u044b\u0445 \u0441\u043b\u0443\u0447\u0430\u0435\u0432<\/button>' +\r\n          '<button onclick=\"changeContent(3)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u0437\u0430\u0449\u0438\u0442\u044b<\/button>' +\r\n          '<button onclick=\"changeContent(4)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0441\u0430\u043d\u0438\u0442\u0430\u0440\u043d\u043e-\u0431\u044b\u0442\u043e\u0432\u044b\u043c\u0438 \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u044f\u043c\u0438 \u0438 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430\u043c\u0438<\/button>' +\r\n          '<button onclick=\"changeContent(5)\" class=\"bt_mode_state\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043e\u0446\u0435\u043d\u043a\u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0440\u0438\u0441\u043a\u043e\u0432<\/button>' +\r\n          '<button onclick=\"changeContent(6)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443, \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0438 \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 \u0421\u0423\u041e\u0422<\/button>' +\r\n         '<\/div>' +\r\n          '<div style=\"grid-column: 1 \/ 4; padding: 48px;\">' +\r\n          '<table style=\"width:100%\">' +\r\n          '<tr>' +\r\n          '<th>1<\/th>' +\r\n          '<th>2<\/th>' +\r\n          '<th>3<\/th>' +\r\n          '<th>4<\/th>' +\r\n          '<th>5<\/th>' +\r\n          '<th>6<\/th>' +\r\n          '<th>7<\/th>' +\r\n          '<th style=\"background-color: rgb(84, 105, 212);\"><\/th>' +\r\n\r\n\r\n          '<\/tr>' +\r\n          '<tr>' +\r\n          '<td><span id=\"demo0\"><\/span><\/td>' +\r\n          '<td><span id=\"demo1\"><\/span><\/td>' +\r\n          '<td><span id=\"demo2\"><\/span><\/td>' +\r\n          '<td><span id=\"demo3\"><\/span><\/td>' +\r\n          '<td><span id=\"demo4\"><\/span><\/td>' +\r\n          '<td><span id=\"demo5\"><\/span><\/td>' +\r\n          '<td><span id=\"demo6\"><\/span><\/td>' +\r\n          '<td style=\"background-color: rgb(84, 105, 212);\"><button onclick=\"clearData()\">\u0421\u0431\u0440\u043e\u0441\u0438\u0442\u044c<\/button><\/td>' +\r\n          '<\/tr>' +\r\n          '<\/table>' +\r\n           '<\/div>' +\r\n           '<\/div>' +\r\n          '<\/div>';\r\n\r\n\r\n\r\n\r\n\r\n      } else if (contentNumber == 6) {\r\n        document.getElementById(\"content\").innerHTML =\r\n\r\n\r\n      '<div class=\"box-root padding-top--48 padding-bottom--24 flex-flex flex-justifyContent--center\" >' +\r\n\r\n      '<\/div>' +\r\n'<div class=\"formbg-outer\" >' +\r\n            '<div class=\"formbg\" id=\"content\" style=\"max-width:1220px; margin-left:auto; margin-right:auto; margin-top:48px; margin-bottom:48px;\">' +\r\n\r\n          '<div class=\"title\" style=\" background-color: #f4ecfc; \">' +\r\n\r\n         \r\n          '<h2>\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443, \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0438 \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043e\u0445\u0440\u0430\u043d\u044b \u0442\u0440\u0443\u0434\u0430 (\u0421\u0423\u041e\u0422)<\/h2>' +\r\n          '<\/div>' +\r\n          '<div class=\"formbg-inner padding-horizontal--24\" style=\"grid-column: 1 \/ 2; padding-top:48px;\">' +\r\n\r\n          '<form id=\"stripe-login\" onsubmit=\"return false\">' +\r\n\r\n          '<div class=\"field padding-bottom--24\">' +\r\n\r\n          '<label for=\"email\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b:<\/label>' +\r\n          '<div>' +\r\n          '<input type=\"number\" id=\"input1\" name=\"input1\" min=\"0\" value=\"0\" oninput=\"range1.value=value\" \/>' +\r\n\r\n          '<input type=\"range\" value=\"1\" min=\"0\" max=\"10000\" id=\"range1\" class=\"range blue\" oninput=\"input1.value=value\" \/>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n\r\n\r\n\r\n          '<div class=\"field padding-bottom--24\">' +\r\n          '<input type=\"submit\" name=\"submit\" value=\"\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c\" onclick=\"multiplyInputs6()\" class=\"bt_mode_submit\">' +\r\n          '<div style=\"padding-top:15px\">' +\r\n          '<label for=\"result\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b:<\/label>' +\r\n          '<span id=\"result\"><\/span>' +\r\n          '<span id=\"result\" style=\"font-size:16px;\"> \u0442\u0435\u043d\u0433\u0435<\/span>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n          '<\/div>' +\r\n\r\n          '<\/form >' +\r\n          '<div class=\"grid-item\" style=\"padding-top:48px; width:770px; grid-column: 2 \/ 4; \">' +\r\n          '<button onclick=\"changeContent(1)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044f, \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043e\u043a \u0437\u043d\u0430\u043d\u0438\u0439<\/button>' +\r\n          '<button onclick=\"changeContent(2)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0441\u0442\u0440\u0430\u0445\u043e\u0432\u0430\u043d\u0438\u0435 \u0440\u0430\u0431\u043e\u0442\u043d\u0438\u043a\u0430 \u043e\u0442 \u043d\u0435\u0441\u0447\u0430\u0441\u0442\u043d\u044b\u0445 \u0441\u043b\u0443\u0447\u0430\u0435\u0432<\/button>' +\r\n          '<button onclick=\"changeContent(3)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u0437\u0430\u0449\u0438\u0442\u044b<\/button>' +\r\n          '<button onclick=\"changeContent(4)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0441\u0430\u043d\u0438\u0442\u0430\u0440\u043d\u043e-\u0431\u044b\u0442\u043e\u0432\u044b\u043c\u0438 \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u044f\u043c\u0438 \u0438 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430\u043c\u0438<\/button>' +\r\n          '<button onclick=\"changeContent(5)\" class=\"bt_mode\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043e\u0446\u0435\u043d\u043a\u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0440\u0438\u0441\u043a\u043e\u0432<\/button>' +\r\n          '<button onclick=\"changeContent(6)\" class=\"bt_mode_state\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443, \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0438 \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 \u0421\u0423\u041e\u0422<\/button>' +\r\n          '<\/div>' +\r\n          '<div style=\"grid-column: 1 \/ 4; padding: 48px;\">' +\r\n          '<table style=\"width:100%\">' +\r\n          '<tr>' +\r\n          '<th>1<\/th>' +\r\n          '<th>2<\/th>' +\r\n          '<th>3<\/th>' +\r\n          '<th>4<\/th>' +\r\n          '<th>5<\/th>' +\r\n          '<th>6<\/th>' +\r\n          '<th>7<\/th>' +\r\n          '<th style=\"background-color: rgb(84, 105, 212);\"><\/th>' +\r\n\r\n\r\n          '<\/tr>' +\r\n          '<tr>' +\r\n          '<td><span id=\"demo0\"><\/span><\/td>' +\r\n          '<td><span id=\"demo1\"><\/span><\/td>' +\r\n          '<td><span id=\"demo2\"><\/span><\/td>' +\r\n          '<td><span id=\"demo3\"><\/span><\/td>' +\r\n          '<td><span id=\"demo4\"><\/span><\/td>' +\r\n          '<td><span id=\"demo5\"><\/span><\/td>' +\r\n          '<td><span id=\"demo6\"><\/span><\/td>' +\r\n          '<td style=\"background-color: rgb(84, 105, 212);\"><button onclick=\"clearData()\">\u0421\u0431\u0440\u043e\u0441\u0438\u0442\u044c<\/button><\/td>' +\r\n\r\n          '<\/tr>' +\r\n          '<\/table>' +\r\n           '<\/div>' +\r\n           '<\/div>' +\r\n          '<\/div>';\r\n\r\n\r\n\r\n\r\n      }\r\n    }\r\n  <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u0438 \u043e\u0445\u0440\u0430\u043d\u044b \u0442\u0440\u0443\u0434\u0430 \u043e\u0431\u0449\u0435\u0433\u043e \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0430 \u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0440\u0430\u0431\u043e\u0442\u043d\u0438\u043a\u043e\u0432 \u0432 \u0440\u0430\u0437\u0440\u0435\u0437\u0435 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u0439: \u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0443\u0441\u043b\u0443\u0433 \u043f\u043e \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044e \u0432 \u0443\u0447\u0435\u0431\u043d\u043e\u043c \u0446\u0435\u043d\u0442\u0440\u0435: \u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u0438 \u043e\u0445\u0440\u0430\u043d\u044b \u0442\u0440\u0443\u0434\u0430 \u043e\u0431\u0449\u0435\u0433\u043e \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0430: \u0442\u0435\u043d\u0433\u0435 \u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044f, \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043e\u043a \u0437\u043d\u0430\u043d\u0438\u0439 \u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0441\u0442\u0440\u0430\u0445\u043e\u0432\u0430\u043d\u0438\u0435 \u0440\u0430\u0431\u043e\u0442\u043d\u0438\u043a\u0430 \u043e\u0442 \u043d\u0435\u0441\u0447\u0430\u0441\u0442\u043d\u044b\u0445 \u0441\u043b\u0443\u0447\u0430\u0435\u0432 \u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u0437\u0430\u0449\u0438\u0442\u044b \u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","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":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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":""},"class_list":["post-6495","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rniiot.kz\/home\/wp-json\/wp\/v2\/pages\/6495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rniiot.kz\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rniiot.kz\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rniiot.kz\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rniiot.kz\/home\/wp-json\/wp\/v2\/comments?post=6495"}],"version-history":[{"count":0,"href":"https:\/\/rniiot.kz\/home\/wp-json\/wp\/v2\/pages\/6495\/revisions"}],"wp:attachment":[{"href":"https:\/\/rniiot.kz\/home\/wp-json\/wp\/v2\/media?parent=6495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}