\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u0437\u0430\u0442\u0440\u0430\u0442<\/title>\r\n\r\n<style>\r\n\r\n\/* =========================\r\n \u041e\u0411\u0429\u0418\u0419 \u0424\u041e\u041d\r\n========================= *\/\r\n\r\nbody{\r\n overflow-x:hidden;\r\n margin:0;\r\n font-family: Arial, sans-serif;\r\n\r\n \/* \ud83d\udc8e \u0413\u0420\u0410\u0414\u0418\u0415\u041d\u0422 *\/\r\n background: linear-gradient(135deg, #E8F9FF 0%, #F3E8FF 50%, #EAF6FF 100%);\r\n}\r\n\r\n\/* =========================\r\n \u041e\u0421\u041d\u041e\u0412\u041d\u041e\u0419 \u0411\u041b\u041e\u041a\r\n========================= *\/\r\n\r\n.formbg{\r\n max-width:1220px;\r\n width:100%;\r\n margin:40px auto;\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:30px;\r\n box-sizing:border-box;\r\n background:#ffffff;\r\n border-radius:16px;\r\n padding:30px;\r\n overflow:hidden;\r\n}\r\n\r\n\/* =========================\r\n \u0417\u0410\u0413\u041e\u041b\u041e\u0412\u041e\u041a\r\n========================= *\/\r\n\r\n.title{\r\n grid-column:1 \/ 3;\r\n text-align:center;\r\n}\r\n\r\n.title h2{\r\n font-size:20px;\r\n margin:0;\r\n color:#1f3b73;\r\n}\r\n\r\n\/* =========================\r\n \u0424\u041e\u0420\u041c\u0410\r\n========================= *\/\r\n\r\n.formbg-inner{\r\n grid-column:1 \/ 2;\r\n}\r\n\r\n.field{\r\n margin-bottom:20px;\r\n}\r\n\r\nlabel{\r\n display:block;\r\n margin-bottom:8px;\r\n font-weight:600;\r\n}\r\n\r\ninput[type=\"number\"],\r\ninput[type=\"range\"]{\r\n width:100%;\r\n box-sizing:border-box;\r\n}\r\n\r\ninput[type=\"number\"]{\r\n padding:10px;\r\n border:1px solid #ddd;\r\n border-radius:8px;\r\n}\r\n\r\n\/* =========================\r\n \u041a\u041d\u041e\u041f\u041a\u0410\r\n========================= *\/\r\n\r\n.bt_mode_submit{\r\n width:100%;\r\n padding:14px;\r\n border:none;\r\n border-radius:10px;\r\n background:#5b5bd6;\r\n color:white;\r\n font-size:16px;\r\n font-weight:700;\r\n cursor:pointer;\r\n}\r\n\r\n\/* =========================\r\n \u0420\u0415\u0417\u0423\u041b\u042c\u0422\u0410\u0422\r\n========================= *\/\r\n\r\n.result-box{\r\n margin-top:10px;\r\n}\r\n\r\n\/* =========================\r\n \u041f\u0420\u0410\u0412\u0410\u042f \u0427\u0410\u0421\u0422\u042c\r\n========================= *\/\r\n\r\n.grid-item{\r\n grid-column:2 \/ 3;\r\n display:flex;\r\n flex-direction:column;\r\n gap:10px;\r\n}\r\n\r\n.bt_mode{\r\n padding:14px;\r\n border:none;\r\n border-radius:10px;\r\n background:#3c44b1;\r\n color:white;\r\n cursor:pointer;\r\n font-size:14px;\r\n}\r\n\r\n\/* =========================\r\n \u0422\u0410\u0411\u041b\u0418\u0426\u0410\r\n========================= *\/\r\n\r\n.table-wrapper{\r\n grid-column:1 \/ 3;\r\n overflow-x:auto;\r\n}\r\n\r\ntable{\r\n width:100%;\r\n border-collapse:collapse;\r\n background:white;\r\n}\r\n\r\nth, td{\r\n border:1px solid #eee;\r\n padding:10px;\r\n text-align:center;\r\n}\r\n\r\nth{\r\n background:#5469d4;\r\n color:white;\r\n}\r\n\r\n\/* =========================\r\n \u041c\u041e\u0411\u0418\u041b\u042c\u041d\u0410\u042f \u0412\u0415\u0420\u0421\u0418\u042f\r\n========================= *\/\r\n\r\n@media(max-width:768px){\r\n\r\n .formbg{\r\n grid-template-columns:1fr;\r\n padding:15px;\r\n }\r\n\r\n .title{\r\n grid-column:1;\r\n }\r\n\r\n .formbg-inner,\r\n .grid-item,\r\n .table-wrapper{\r\n grid-column:1;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"formbg\">\r\n\r\n \r\n <div class=\"title\">\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<\/h2>\r\n <\/div>\r\n\r\n \r\n <div class=\"formbg-inner\">\r\n\r\n <div class=\"field\">\r\n <label>\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0440\u0430\u0431\u043e\u0442\u043d\u0438\u043a\u043e\u0432:<\/label>\r\n\r\n <input type=\"number\" id=\"input1\" value=\"0\">\r\n <input type=\"range\" id=\"range1\" min=\"0\" max=\"10000\" value=\"0\">\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label>\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044f:<\/label>\r\n\r\n <input type=\"number\" id=\"input2\" value=\"0\">\r\n <input type=\"range\" id=\"range2\" min=\"0\" max=\"10000\" value=\"0\">\r\n <\/div>\r\n\r\n <button class=\"bt_mode_submit\" onclick=\"calculate()\">\r\n \u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c\r\n <\/button>\r\n\r\n <div class=\"result-box\">\r\n <b>\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442:<\/b> <span id=\"result\">0<\/span> \u0442\u0435\u043d\u0433\u0435\r\n <\/div>\r\n\r\n <div id=\"explain\" style=\"margin-top:10px;font-size:14px;color:#333;\"><\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"grid-item\">\r\n\r\n <button class=\"bt_mode\">\u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435<\/button>\r\n <button class=\"bt_mode\">\u0421\u0442\u0440\u0430\u0445\u043e\u0432\u0430\u043d\u0438\u0435<\/button>\r\n <button class=\"bt_mode\">\u0421\u0440\u0435\u0434\u0441\u0442\u0432\u0430 \u0437\u0430\u0449\u0438\u0442\u044b<\/button>\r\n <button class=\"bt_mode\">\u0421\u0430\u043d\u0438\u0442\u0430\u0440\u043d\u044b\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f<\/button>\r\n <button class=\"bt_mode\">\u041e\u0446\u0435\u043d\u043a\u0430 \u0440\u0438\u0441\u043a\u043e\u0432<\/button>\r\n <button class=\"bt_mode\">\u0421\u0423\u041e\u0422<\/button>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"table-wrapper\">\r\n\r\n <table>\r\n <tr>\r\n <th>\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442<\/th>\r\n <th>\u041e\u0447\u0438\u0441\u0442\u043a\u0430<\/th>\r\n <\/tr>\r\n\r\n <tr>\r\n <td id=\"demo0\">0<\/td>\r\n <td><button onclick=\"clearData()\">\u0421\u0431\u0440\u043e\u0441\u0438\u0442\u044c<\/button><\/td>\r\n <\/tr>\r\n <\/table>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\n\/* =========================\r\n \u0421\u0418\u041d\u0425\u0420\u041e\u041d\u0418\u0417\u0410\u0426\u0418\u042f\r\n========================= *\/\r\n\r\nconst input1 = document.getElementById(\"input1\");\r\nconst range1 = document.getElementById(\"range1\");\r\n\r\nconst input2 = document.getElementById(\"input2\");\r\nconst range2 = document.getElementById(\"range2\");\r\n\r\ninput1.oninput = () => range1.value = input1.value;\r\nrange1.oninput = () => input1.value = range1.value;\r\n\r\ninput2.oninput = () => range2.value = input2.value;\r\nrange2.oninput = () => input2.value = range2.value;\r\n\r\n\/* =========================\r\n \u0420\u0410\u0421\u0427\u0401\u0422\r\n========================= *\/\r\n\r\nfunction calculate(){\r\n\r\n let workers = Number(input1.value);\r\n let cost = Number(input2.value);\r\n\r\n if(isNaN(workers)) workers = 0;\r\n if(isNaN(cost)) cost = 0;\r\n\r\n let result = workers * cost;\r\n\r\n document.getElementById(\"result\").textContent =\r\n result.toLocaleString(\"ru-RU\");\r\n\r\n document.getElementById(\"demo0\").textContent = result;\r\n\r\n document.getElementById(\"explain\").textContent =\r\n `\u0420\u0430\u0441\u0447\u0451\u0442: ${workers} \u0440\u0430\u0431\u043e\u0442\u043d\u0438\u043a\u043e\u0432 \u00d7 ${cost} \u0442\u0435\u043d\u0433\u0435 = ${result} \u0442\u0435\u043d\u0433\u0435`;\r\n\r\n}\r\n\r\n\/* =========================\r\n \u0421\u0411\u0420\u041e\u0421\r\n========================= *\/\r\n\r\nfunction clearData(){\r\n location.reload();\r\n}\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-923e2b3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"923e2b3\" 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-22e89a0\" data-id=\"22e89a0\" 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-5b73b46 elementor-widget elementor-widget-html\" data-id=\"5b73b46\" 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<!DOCTYPE html>\r\n<html lang=\"ru\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440<\/title>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div id=\"calc\">\r\n\r\n \r\n <div id=\"inputs\">\r\n <h3>\u041f\u043e\u043a\u0443\u043f\u0430\u0435\u043c\u043e\u0435 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435<\/h3>\r\n\r\n <div>\r\n <input type=\"number\" placeholder=\"\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e\" id=\"input1-1\" \/>\r\n <input type=\"number\" placeholder=\"\u0426\u0435\u043d\u0430\" id=\"input2-1\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div style=\"padding:10px 0 20px;\">\r\n <button type=\"button\" id=\"plus\">+<\/button>\r\n <button type=\"button\" id=\"minus\">-<\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"inputs2\">\r\n <h3>\u041d\u0430\u0433\u043b\u044f\u0434\u043d\u044b\u0435 \u0443\u0447\u0435\u0431\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b<\/h3>\r\n\r\n <div>\r\n <input type=\"number\" placeholder=\"\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e\" id=\"input21-1\" \/>\r\n <input type=\"number\" placeholder=\"\u0426\u0435\u043d\u0430\" id=\"input22-1\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div style=\"padding:10px 0 20px;\">\r\n <button type=\"button\" id=\"plus2\">+<\/button>\r\n <button type=\"button\" id=\"minus2\">-<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"inputs3\" style=\"padding-bottom: 20px;\">\r\n <h3>\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0443\u0441\u043b\u0443\u0433 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u043e\u0432 (\u0442\u0435\u043d\u0433\u0435)<\/h3>\r\n\r\n <div>\r\n <input id=\"input3\" type=\"number\" min=\"0\" value=\"0\"\r\n oninput=\"range5.value=value\" style=\"width: 50%;\" \/>\r\n\r\n <input id=\"range5\" type=\"range\" min=\"0\" max=\"10000\" value=\"0\"\r\n oninput=\"input3.value=value\" style=\"width: 50%;\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"inputs4\" style=\"padding-bottom: 20px;\">\r\n <h3>\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0443\u0447\u0435\u0431\u043d\u044b\u0445 \u0447\u0430\u0441\u043e\u0432 (\u0447\u0430\u0441\u043e\u0432)<\/h3>\r\n\r\n <div>\r\n <input id=\"input4\" type=\"number\" min=\"0\" value=\"0\"\r\n oninput=\"range4.value=value\" style=\"width: 50%;\" \/>\r\n\r\n <input id=\"range4\" type=\"range\" min=\"0\" max=\"10000\" value=\"0\"\r\n oninput=\"input4.value=value\" style=\"width: 50%;\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <button type=\"button\" id=\"btn\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/button>\r\n\r\n \r\n <div id=\"result\"><\/div>\r\n\r\n<\/div>\r\n\r\n<script src=\".\/testify.js\"><\/script>\r\n\r\n<\/body>\r\n<\/html>\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>\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u0437\u0430\u0442\u0440\u0430\u0442 \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 \u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0440\u0430\u0431\u043e\u0442\u043d\u0438\u043a\u043e\u0432: \u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044f: \u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442: 0 \u0442\u0435\u043d\u0433\u0435 \u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0421\u0442\u0440\u0430\u0445\u043e\u0432\u0430\u043d\u0438\u0435 \u0421\u0440\u0435\u0434\u0441\u0442\u0432\u0430 \u0437\u0430\u0449\u0438\u0442\u044b \u0421\u0430\u043d\u0438\u0442\u0430\u0440\u043d\u044b\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u041e\u0446\u0435\u043d\u043a\u0430 \u0440\u0438\u0441\u043a\u043e\u0432 \u0421\u0423\u041e\u0422 \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u041e\u0447\u0438\u0441\u0442\u043a\u0430 0 \u0421\u0431\u0440\u043e\u0441\u0438\u0442\u044c \u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u041f\u043e\u043a\u0443\u043f\u0430\u0435\u043c\u043e\u0435 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435 + — \u041d\u0430\u0433\u043b\u044f\u0434\u043d\u044b\u0435 \u0443\u0447\u0435\u0431\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b + — \u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0443\u0441\u043b\u0443\u0433 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u043e\u0432 (\u0442\u0435\u043d\u0433\u0435) \u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0443\u0447\u0435\u0431\u043d\u044b\u0445 \u0447\u0430\u0441\u043e\u0432 (\u0447\u0430\u0441\u043e\u0432) \u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/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,"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":15,"href":"https:\/\/rniiot.kz\/home\/wp-json\/wp\/v2\/pages\/6495\/revisions"}],"predecessor-version":[{"id":19857,"href":"https:\/\/rniiot.kz\/home\/wp-json\/wp\/v2\/pages\/6495\/revisions\/19857"}],"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}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u0437\u0430\u0442\u0440\u0430\u0442<\/title>\r\n\r\n<style>\r\n\r\n\/* =========================\r\n \u041e\u0411\u0429\u0418\u0419 \u0424\u041e\u041d\r\n========================= *\/\r\n\r\nbody{\r\n overflow-x:hidden;\r\n margin:0;\r\n font-family: Arial, sans-serif;\r\n\r\n \/* \ud83d\udc8e \u0413\u0420\u0410\u0414\u0418\u0415\u041d\u0422 *\/\r\n background: linear-gradient(135deg, #E8F9FF 0%, #F3E8FF 50%, #EAF6FF 100%);\r\n}\r\n\r\n\/* =========================\r\n \u041e\u0421\u041d\u041e\u0412\u041d\u041e\u0419 \u0411\u041b\u041e\u041a\r\n========================= *\/\r\n\r\n.formbg{\r\n max-width:1220px;\r\n width:100%;\r\n margin:40px auto;\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:30px;\r\n box-sizing:border-box;\r\n background:#ffffff;\r\n border-radius:16px;\r\n padding:30px;\r\n overflow:hidden;\r\n}\r\n\r\n\/* =========================\r\n \u0417\u0410\u0413\u041e\u041b\u041e\u0412\u041e\u041a\r\n========================= *\/\r\n\r\n.title{\r\n grid-column:1 \/ 3;\r\n text-align:center;\r\n}\r\n\r\n.title h2{\r\n font-size:20px;\r\n margin:0;\r\n color:#1f3b73;\r\n}\r\n\r\n\/* =========================\r\n \u0424\u041e\u0420\u041c\u0410\r\n========================= *\/\r\n\r\n.formbg-inner{\r\n grid-column:1 \/ 2;\r\n}\r\n\r\n.field{\r\n margin-bottom:20px;\r\n}\r\n\r\nlabel{\r\n display:block;\r\n margin-bottom:8px;\r\n font-weight:600;\r\n}\r\n\r\ninput[type=\"number\"],\r\ninput[type=\"range\"]{\r\n width:100%;\r\n box-sizing:border-box;\r\n}\r\n\r\ninput[type=\"number\"]{\r\n padding:10px;\r\n border:1px solid #ddd;\r\n border-radius:8px;\r\n}\r\n\r\n\/* =========================\r\n \u041a\u041d\u041e\u041f\u041a\u0410\r\n========================= *\/\r\n\r\n.bt_mode_submit{\r\n width:100%;\r\n padding:14px;\r\n border:none;\r\n border-radius:10px;\r\n background:#5b5bd6;\r\n color:white;\r\n font-size:16px;\r\n font-weight:700;\r\n cursor:pointer;\r\n}\r\n\r\n\/* =========================\r\n \u0420\u0415\u0417\u0423\u041b\u042c\u0422\u0410\u0422\r\n========================= *\/\r\n\r\n.result-box{\r\n margin-top:10px;\r\n}\r\n\r\n\/* =========================\r\n \u041f\u0420\u0410\u0412\u0410\u042f \u0427\u0410\u0421\u0422\u042c\r\n========================= *\/\r\n\r\n.grid-item{\r\n grid-column:2 \/ 3;\r\n display:flex;\r\n flex-direction:column;\r\n gap:10px;\r\n}\r\n\r\n.bt_mode{\r\n padding:14px;\r\n border:none;\r\n border-radius:10px;\r\n background:#3c44b1;\r\n color:white;\r\n cursor:pointer;\r\n font-size:14px;\r\n}\r\n\r\n\/* =========================\r\n \u0422\u0410\u0411\u041b\u0418\u0426\u0410\r\n========================= *\/\r\n\r\n.table-wrapper{\r\n grid-column:1 \/ 3;\r\n overflow-x:auto;\r\n}\r\n\r\ntable{\r\n width:100%;\r\n border-collapse:collapse;\r\n background:white;\r\n}\r\n\r\nth, td{\r\n border:1px solid #eee;\r\n padding:10px;\r\n text-align:center;\r\n}\r\n\r\nth{\r\n background:#5469d4;\r\n color:white;\r\n}\r\n\r\n\/* =========================\r\n \u041c\u041e\u0411\u0418\u041b\u042c\u041d\u0410\u042f \u0412\u0415\u0420\u0421\u0418\u042f\r\n========================= *\/\r\n\r\n@media(max-width:768px){\r\n\r\n .formbg{\r\n grid-template-columns:1fr;\r\n padding:15px;\r\n }\r\n\r\n .title{\r\n grid-column:1;\r\n }\r\n\r\n .formbg-inner,\r\n .grid-item,\r\n .table-wrapper{\r\n grid-column:1;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"formbg\">\r\n\r\n \r\n <div class=\"title\">\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<\/h2>\r\n <\/div>\r\n\r\n \r\n <div class=\"formbg-inner\">\r\n\r\n <div class=\"field\">\r\n <label>\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0440\u0430\u0431\u043e\u0442\u043d\u0438\u043a\u043e\u0432:<\/label>\r\n\r\n <input type=\"number\" id=\"input1\" value=\"0\">\r\n <input type=\"range\" id=\"range1\" min=\"0\" max=\"10000\" value=\"0\">\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label>\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044f:<\/label>\r\n\r\n <input type=\"number\" id=\"input2\" value=\"0\">\r\n <input type=\"range\" id=\"range2\" min=\"0\" max=\"10000\" value=\"0\">\r\n <\/div>\r\n\r\n <button class=\"bt_mode_submit\" onclick=\"calculate()\">\r\n \u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c\r\n <\/button>\r\n\r\n <div class=\"result-box\">\r\n <b>\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442:<\/b> <span id=\"result\">0<\/span> \u0442\u0435\u043d\u0433\u0435\r\n <\/div>\r\n\r\n <div id=\"explain\" style=\"margin-top:10px;font-size:14px;color:#333;\"><\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"grid-item\">\r\n\r\n <button class=\"bt_mode\">\u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435<\/button>\r\n <button class=\"bt_mode\">\u0421\u0442\u0440\u0430\u0445\u043e\u0432\u0430\u043d\u0438\u0435<\/button>\r\n <button class=\"bt_mode\">\u0421\u0440\u0435\u0434\u0441\u0442\u0432\u0430 \u0437\u0430\u0449\u0438\u0442\u044b<\/button>\r\n <button class=\"bt_mode\">\u0421\u0430\u043d\u0438\u0442\u0430\u0440\u043d\u044b\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f<\/button>\r\n <button class=\"bt_mode\">\u041e\u0446\u0435\u043d\u043a\u0430 \u0440\u0438\u0441\u043a\u043e\u0432<\/button>\r\n <button class=\"bt_mode\">\u0421\u0423\u041e\u0422<\/button>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"table-wrapper\">\r\n\r\n <table>\r\n <tr>\r\n <th>\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442<\/th>\r\n <th>\u041e\u0447\u0438\u0441\u0442\u043a\u0430<\/th>\r\n <\/tr>\r\n\r\n <tr>\r\n <td id=\"demo0\">0<\/td>\r\n <td><button onclick=\"clearData()\">\u0421\u0431\u0440\u043e\u0441\u0438\u0442\u044c<\/button><\/td>\r\n <\/tr>\r\n <\/table>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\n\/* =========================\r\n \u0421\u0418\u041d\u0425\u0420\u041e\u041d\u0418\u0417\u0410\u0426\u0418\u042f\r\n========================= *\/\r\n\r\nconst input1 = document.getElementById(\"input1\");\r\nconst range1 = document.getElementById(\"range1\");\r\n\r\nconst input2 = document.getElementById(\"input2\");\r\nconst range2 = document.getElementById(\"range2\");\r\n\r\ninput1.oninput = () => range1.value = input1.value;\r\nrange1.oninput = () => input1.value = range1.value;\r\n\r\ninput2.oninput = () => range2.value = input2.value;\r\nrange2.oninput = () => input2.value = range2.value;\r\n\r\n\/* =========================\r\n \u0420\u0410\u0421\u0427\u0401\u0422\r\n========================= *\/\r\n\r\nfunction calculate(){\r\n\r\n let workers = Number(input1.value);\r\n let cost = Number(input2.value);\r\n\r\n if(isNaN(workers)) workers = 0;\r\n if(isNaN(cost)) cost = 0;\r\n\r\n let result = workers * cost;\r\n\r\n document.getElementById(\"result\").textContent =\r\n result.toLocaleString(\"ru-RU\");\r\n\r\n document.getElementById(\"demo0\").textContent = result;\r\n\r\n document.getElementById(\"explain\").textContent =\r\n `\u0420\u0430\u0441\u0447\u0451\u0442: ${workers} \u0440\u0430\u0431\u043e\u0442\u043d\u0438\u043a\u043e\u0432 \u00d7 ${cost} \u0442\u0435\u043d\u0433\u0435 = ${result} \u0442\u0435\u043d\u0433\u0435`;\r\n\r\n}\r\n\r\n\/* =========================\r\n \u0421\u0411\u0420\u041e\u0421\r\n========================= *\/\r\n\r\nfunction clearData(){\r\n location.reload();\r\n}\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-923e2b3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"923e2b3\" 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-22e89a0\" data-id=\"22e89a0\" 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-5b73b46 elementor-widget elementor-widget-html\" data-id=\"5b73b46\" 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<!DOCTYPE html>\r\n<html lang=\"ru\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440<\/title>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div id=\"calc\">\r\n\r\n \r\n <div id=\"inputs\">\r\n <h3>\u041f\u043e\u043a\u0443\u043f\u0430\u0435\u043c\u043e\u0435 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435<\/h3>\r\n\r\n <div>\r\n <input type=\"number\" placeholder=\"\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e\" id=\"input1-1\" \/>\r\n <input type=\"number\" placeholder=\"\u0426\u0435\u043d\u0430\" id=\"input2-1\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div style=\"padding:10px 0 20px;\">\r\n <button type=\"button\" id=\"plus\">+<\/button>\r\n <button type=\"button\" id=\"minus\">-<\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"inputs2\">\r\n <h3>\u041d\u0430\u0433\u043b\u044f\u0434\u043d\u044b\u0435 \u0443\u0447\u0435\u0431\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b<\/h3>\r\n\r\n <div>\r\n <input type=\"number\" placeholder=\"\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e\" id=\"input21-1\" \/>\r\n <input type=\"number\" placeholder=\"\u0426\u0435\u043d\u0430\" id=\"input22-1\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div style=\"padding:10px 0 20px;\">\r\n <button type=\"button\" id=\"plus2\">+<\/button>\r\n <button type=\"button\" id=\"minus2\">-<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"inputs3\" style=\"padding-bottom: 20px;\">\r\n <h3>\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0443\u0441\u043b\u0443\u0433 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u043e\u0432 (\u0442\u0435\u043d\u0433\u0435)<\/h3>\r\n\r\n <div>\r\n <input id=\"input3\" type=\"number\" min=\"0\" value=\"0\"\r\n oninput=\"range5.value=value\" style=\"width: 50%;\" \/>\r\n\r\n <input id=\"range5\" type=\"range\" min=\"0\" max=\"10000\" value=\"0\"\r\n oninput=\"input3.value=value\" style=\"width: 50%;\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"inputs4\" style=\"padding-bottom: 20px;\">\r\n <h3>\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0443\u0447\u0435\u0431\u043d\u044b\u0445 \u0447\u0430\u0441\u043e\u0432 (\u0447\u0430\u0441\u043e\u0432)<\/h3>\r\n\r\n <div>\r\n <input id=\"input4\" type=\"number\" min=\"0\" value=\"0\"\r\n oninput=\"range4.value=value\" style=\"width: 50%;\" \/>\r\n\r\n <input id=\"range4\" type=\"range\" min=\"0\" max=\"10000\" value=\"0\"\r\n oninput=\"input4.value=value\" style=\"width: 50%;\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <button type=\"button\" id=\"btn\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/button>\r\n\r\n \r\n <div id=\"result\"><\/div>\r\n\r\n<\/div>\r\n\r\n<script src=\".\/testify.js\"><\/script>\r\n\r\n<\/body>\r\n<\/html>\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>\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u0437\u0430\u0442\u0440\u0430\u0442 \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 \u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0440\u0430\u0431\u043e\u0442\u043d\u0438\u043a\u043e\u0432: \u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044f: \u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442: 0 \u0442\u0435\u043d\u0433\u0435 \u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0421\u0442\u0440\u0430\u0445\u043e\u0432\u0430\u043d\u0438\u0435 \u0421\u0440\u0435\u0434\u0441\u0442\u0432\u0430 \u0437\u0430\u0449\u0438\u0442\u044b \u0421\u0430\u043d\u0438\u0442\u0430\u0440\u043d\u044b\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u041e\u0446\u0435\u043d\u043a\u0430 \u0440\u0438\u0441\u043a\u043e\u0432 \u0421\u0423\u041e\u0422 \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u041e\u0447\u0438\u0441\u0442\u043a\u0430 0 \u0421\u0431\u0440\u043e\u0441\u0438\u0442\u044c \u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u041f\u043e\u043a\u0443\u043f\u0430\u0435\u043c\u043e\u0435 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435 + — \u041d\u0430\u0433\u043b\u044f\u0434\u043d\u044b\u0435 \u0443\u0447\u0435\u0431\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b + — \u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0443\u0441\u043b\u0443\u0433 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u043e\u0432 (\u0442\u0435\u043d\u0433\u0435) \u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0443\u0447\u0435\u0431\u043d\u044b\u0445 \u0447\u0430\u0441\u043e\u0432 (\u0447\u0430\u0441\u043e\u0432) \u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/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,"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":15,"href":"https:\/\/rniiot.kz\/home\/wp-json\/wp\/v2\/pages\/6495\/revisions"}],"predecessor-version":[{"id":19857,"href":"https:\/\/rniiot.kz\/home\/wp-json\/wp\/v2\/pages\/6495\/revisions\/19857"}],"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}]}}