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

\n\t\t\t

<\/div>\n\t\t<\/div>\n\t\t\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

\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\n\n\n\n\n\u0428\u044b\u0493\u044b\u043d\u0434\u0430\u0440 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u044b<\/title>\n\n<style>\n\n\/* =========================\n \u0416\u0410\u041b\u041f\u042b \u0424\u041e\u041d\n========================= *\/\n\nbody{\n overflow-x:hidden;\n margin:0;\n font-family: Arial, sans-serif;\n\n \/* \ud83d\udc8e \u0413\u0420\u0410\u0414\u0418\u0415\u041d\u0422 *\/\n background: linear-gradient(135deg, #E8F9FF 0%, #F3E8FF 50%, #EAF6FF 100%);\n}\n\n\/* =========================\n \u041d\u0415\u0413\u0406\u0417\u0413\u0406 \u0411\u041b\u041e\u041a\n========================= *\/\n\n.formbg{\n max-width:1220px;\n width:100%;\n margin:40px auto;\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:30px;\n box-sizing:border-box;\n background:#ffffff;\n border-radius:16px;\n padding:30px;\n overflow:hidden;\n}\n\n\/* =========================\n \u0422\u0410\u049a\u042b\u0420\u042b\u041f\n========================= *\/\n\n.title{\n grid-column:1 \/ 3;\n text-align:center;\n}\n\n.title h2{\n font-size:20px;\n margin:0;\n color:#1f3b73;\n}\n\n\/* =========================\n \u0424\u041e\u0420\u041c\u0410\n========================= *\/\n\n.formbg-inner{\n grid-column:1 \/ 2;\n}\n\n.field{\n margin-bottom:20px;\n}\n\nlabel{\n display:block;\n margin-bottom:8px;\n font-weight:600;\n}\n\ninput[type=\"number\"],\ninput[type=\"range\"]{\n width:100%;\n box-sizing:border-box;\n}\n\ninput[type=\"number\"]{\n padding:10px;\n border:1px solid #ddd;\n border-radius:8px;\n}\n\n\/* =========================\n \u0411\u0410\u0422\u042b\u0420\u041c\u0410\n========================= *\/\n\n.bt_mode_submit{\n width:100%;\n padding:14px;\n border:none;\n border-radius:10px;\n background:#5b5bd6;\n color:white;\n font-size:16px;\n font-weight:700;\n cursor:pointer;\n}\n\n\/* =========================\n \u041d\u04d8\u0422\u0418\u0416\u0415\n========================= *\/\n\n.result-box{\n margin-top:10px;\n}\n\n\/* =========================\n \u041e\u04a2 \u0416\u0410\u049a \u0411\u04e8\u041b\u0406\u0413\u0406\n========================= *\/\n\n.grid-item{\n grid-column:2 \/ 3;\n display:flex;\n flex-direction:column;\n gap:10px;\n}\n\n.bt_mode{\n padding:14px;\n border:none;\n border-radius:10px;\n background:#3c44b1;\n color:white;\n cursor:pointer;\n font-size:14px;\n}\n\n\/* =========================\n \u041a\u0415\u0421\u0422\u0415\n========================= *\/\n\n.table-wrapper{\n grid-column:1 \/ 3;\n overflow-x:auto;\n}\n\ntable{\n width:100%;\n border-collapse:collapse;\n background:white;\n}\n\nth, td{\n border:1px solid #eee;\n padding:10px;\n text-align:center;\n}\n\nth{\n background:#5469d4;\n color:white;\n}\n\n\/* =========================\n \u041c\u041e\u0411\u0418\u041b\u042c\u0414\u0406 \u041d\u04b0\u0421\u049a\u0410\n========================= *\/\n\n@media(max-width:768px){\n\n .formbg{\n grid-template-columns:1fr;\n padding:15px;\n }\n\n .title{\n grid-column:1;\n }\n\n .formbg-inner,\n .grid-item,\n .table-wrapper{\n grid-column:1;\n }\n\n}\n\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"formbg\">\n\n \n <div class=\"title\">\n <h2>\u0415\u04a3\u0431\u0435\u043a \u049b\u0430\u0443\u0456\u043f\u0441\u0456\u0437\u0434\u0456\u0433\u0456 \u043c\u0435\u043d \u0435\u04a3\u0431\u0435\u043a\u0442\u0456 \u049b\u043e\u0440\u0493\u0430\u0443\u0434\u044b \u049b\u0430\u043c\u0442\u0430\u043c\u0430\u0441\u044b\u0437 \u0435\u0442\u0443\u0433\u0435 \u0430\u0440\u043d\u0430\u043b\u0493\u0430\u043d \u0448\u044b\u0493\u044b\u043d\u0434\u0430\u0440<\/h2>\n <\/div>\n\n \n <div class=\"formbg-inner\">\n\n <div class=\"field\">\n <label>\u049a\u044b\u0437\u043c\u0435\u0442\u043a\u0435\u0440\u043b\u0435\u0440 \u0441\u0430\u043d\u044b:<\/label>\n\n <input type=\"number\" id=\"input1\" value=\"0\">\n <input type=\"range\" id=\"range1\" min=\"0\" max=\"10000\" value=\"0\">\n <\/div>\n\n <div class=\"field\">\n <label>\u041e\u049b\u044b\u0442\u0443 \u049b\u04b1\u043d\u044b:<\/label>\n\n <input type=\"number\" id=\"input2\" value=\"0\">\n <input type=\"range\" id=\"range2\" min=\"0\" max=\"10000\" value=\"0\">\n <\/div>\n\n <button class=\"bt_mode_submit\" onclick=\"calculate()\">\n \u0415\u0441\u0435\u043f\u0442\u0435\u0443\n <\/button>\n\n <div class=\"result-box\">\n <b>\u041d\u04d9\u0442\u0438\u0436\u0435:<\/b> <span id=\"result\">0<\/span> \u0442\u0435\u04a3\u0433\u0435\n <\/div>\n\n <div id=\"explain\" style=\"margin-top:10px;font-size:14px;color:#333;\"><\/div>\n\n <\/div>\n\n \n <div class=\"grid-item\">\n\n <button class=\"bt_mode\">\u041e\u049b\u044b\u0442\u0443<\/button>\n <button class=\"bt_mode\">\u0421\u0430\u049b\u0442\u0430\u043d\u0434\u044b\u0440\u0443<\/button>\n <button class=\"bt_mode\">\u049a\u043e\u0440\u0493\u0430\u043d\u044b\u0441 \u049b\u04b1\u0440\u0430\u043b\u0434\u0430\u0440\u044b<\/button>\n <button class=\"bt_mode\">\u0421\u0430\u043d\u0438\u0442\u0430\u0440\u043b\u044b\u049b \u0436\u0430\u0493\u0434\u0430\u0439\u043b\u0430\u0440<\/button>\n <button class=\"bt_mode\">\u0422\u04d9\u0443\u0435\u043a\u0435\u043b\u0434\u0435\u0440\u0434\u0456 \u0431\u0430\u0493\u0430\u043b\u0430\u0443<\/button>\n <button class=\"bt_mode\">\u0415\u049a\u0411\u0416<\/button>\n\n <\/div>\n\n \n <div class=\"table-wrapper\">\n\n <table>\n <tr>\n <th>\u041d\u04d9\u0442\u0438\u0436\u0435<\/th>\n <th>\u0422\u0430\u0437\u0430\u043b\u0430\u0443<\/th>\n <\/tr>\n\n <tr>\n <td id=\"demo0\">0<\/td>\n <td><button onclick=\"clearData()\">\u049a\u0430\u043b\u043f\u044b\u043d\u0430 \u043a\u0435\u043b\u0442\u0456\u0440\u0443<\/button><\/td>\n <\/tr>\n <\/table>\n\n <\/div>\n\n<\/div>\n\n<script>\n\n\/* =========================\n \u0421\u0418\u041d\u0425\u0420\u041e\u041d\u0414\u0410\u0423\n========================= *\/\n\nconst input1 = document.getElementById(\"input1\");\nconst range1 = document.getElementById(\"range1\");\n\nconst input2 = document.getElementById(\"input2\");\nconst range2 = document.getElementById(\"range2\");\n\ninput1.oninput = () => range1.value = input1.value;\nrange1.oninput = () => input1.value = range1.value;\n\ninput2.oninput = () => range2.value = input2.value;\nrange2.oninput = () => input2.value = range2.value;\n\n\/* =========================\n \u0415\u0421\u0415\u041f\u0422\u0415\u0423\n========================= *\/\n\nfunction calculate(){\n\n let workers = Number(input1.value);\n let cost = Number(input2.value);\n\n if(isNaN(workers)) workers = 0;\n if(isNaN(cost)) cost = 0;\n\n let result = workers * cost;\n\n document.getElementById(\"result\").textContent =\n result.toLocaleString(\"kk-KZ\");\n\n document.getElementById(\"demo0\").textContent = result;\n\n document.getElementById(\"explain\").textContent =\n `\u0415\u0441\u0435\u043f: ${workers} \u049b\u044b\u0437\u043c\u0435\u0442\u043a\u0435\u0440 \u00d7 ${cost} \u0442\u0435\u04a3\u0433\u0435 = ${result} \u0442\u0435\u04a3\u0433\u0435`;\n\n}\n\n\/* =========================\n \u0422\u0410\u0417\u0410\u041b\u0410\u0423\n========================= *\/\n\nfunction clearData(){\n location.reload();\n}\n\n<\/script>\n\n<\/body>\n<\/html>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dfa9cb5 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"dfa9cb5\" 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-a315fae\" data-id=\"a315fae\" 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-19a85a4 elementor-widget elementor-widget-html\" data-id=\"19a85a4\" 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>\n<html lang=\"kk\">\n\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <title>\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440<\/title>\n<\/head>\n\n<body>\n\n<div id=\"calc\">\n\n \n <div id=\"inputs\">\n <h3>\u0421\u0430\u0442\u044b\u043f \u0430\u043b\u044b\u043d\u0430\u0442\u044b\u043d \u0442\u0435\u0445\u043d\u0438\u043a\u0430\u043b\u044b\u049b \u0436\u0430\u0431\u0434\u044b\u049b\u0442\u0430\u0440<\/h3>\n\n <div>\n <input type=\"number\" placeholder=\"\u0421\u0430\u043d\u044b\" id=\"input1-1\" \/>\n <input type=\"number\" placeholder=\"\u0411\u0430\u0493\u0430\u0441\u044b\" id=\"input2-1\" \/>\n <\/div>\n <\/div>\n\n <div style=\"padding:10px 0 20px;\">\n <button type=\"button\" id=\"plus\">+<\/button>\n <button type=\"button\" id=\"minus\">-<\/button>\n <\/div>\n\n \n <div id=\"inputs2\">\n <h3>\u041a\u04e9\u0440\u043d\u0435\u043a\u0456 \u043e\u049b\u0443 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0434\u0430\u0440\u044b<\/h3>\n\n <div>\n <input type=\"number\" placeholder=\"\u0421\u0430\u043d\u044b\" id=\"input21-1\" \/>\n <input type=\"number\" placeholder=\"\u0411\u0430\u0493\u0430\u0441\u044b\" id=\"input22-1\" \/>\n <\/div>\n <\/div>\n\n <div style=\"padding:10px 0 20px;\">\n <button type=\"button\" id=\"plus2\">+<\/button>\n <button type=\"button\" id=\"minus2\">-<\/button>\n <\/div>\n\n \n <div class=\"inputs3\" style=\"padding-bottom: 20px;\">\n <h3>\u041c\u0430\u043c\u0430\u043d\u0434\u0430\u0440 \u049b\u044b\u0437\u043c\u0435\u0442\u0442\u0435\u0440\u0456\u043d\u0456\u04a3 \u049b\u04b1\u043d\u044b (\u0442\u0435\u04a3\u0433\u0435)<\/h3>\n\n <div>\n <input id=\"input3\" type=\"number\" min=\"0\" value=\"0\"\n oninput=\"range5.value=value\" style=\"width: 50%;\" \/>\n\n <input id=\"range5\" type=\"range\" min=\"0\" max=\"10000\" value=\"0\"\n oninput=\"input3.value=value\" style=\"width: 50%;\" \/>\n <\/div>\n <\/div>\n\n \n <div class=\"inputs4\" style=\"padding-bottom: 20px;\">\n <h3>\u041e\u049b\u0443 \u0441\u0430\u0493\u0430\u0442\u0442\u0430\u0440\u044b\u043d\u044b\u04a3 \u0441\u0430\u043d\u044b (\u0441\u0430\u0493\u0430\u0442)<\/h3>\n\n <div>\n <input id=\"input4\" type=\"number\" min=\"0\" value=\"0\"\n oninput=\"range4.value=value\" style=\"width: 50%;\" \/>\n\n <input id=\"range4\" type=\"range\" min=\"0\" max=\"10000\" value=\"0\"\n oninput=\"input4.value=value\" style=\"width: 50%;\" \/>\n <\/div>\n <\/div>\n\n \n <button type=\"button\" id=\"btn\">\u0415\u0441\u0435\u043f\u0442\u0435\u0443<\/button>\n\n \n <div id=\"result\"><\/div>\n\n<\/div>\n\n<script src=\".\/testify.js\"><\/script>\n\n<\/body>\n<\/html>\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>\u0428\u044b\u0493\u044b\u043d\u0434\u0430\u0440 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u044b \u0415\u04a3\u0431\u0435\u043a \u049b\u0430\u0443\u0456\u043f\u0441\u0456\u0437\u0434\u0456\u0433\u0456 \u043c\u0435\u043d \u0435\u04a3\u0431\u0435\u043a\u0442\u0456 \u049b\u043e\u0440\u0493\u0430\u0443\u0434\u044b \u049b\u0430\u043c\u0442\u0430\u043c\u0430\u0441\u044b\u0437 \u0435\u0442\u0443\u0433\u0435 \u0430\u0440\u043d\u0430\u043b\u0493\u0430\u043d \u0448\u044b\u0493\u044b\u043d\u0434\u0430\u0440 \u049a\u044b\u0437\u043c\u0435\u0442\u043a\u0435\u0440\u043b\u0435\u0440 \u0441\u0430\u043d\u044b: \u041e\u049b\u044b\u0442\u0443 \u049b\u04b1\u043d\u044b: \u0415\u0441\u0435\u043f\u0442\u0435\u0443 \u041d\u04d9\u0442\u0438\u0436\u0435: 0 \u0442\u0435\u04a3\u0433\u0435 \u041e\u049b\u044b\u0442\u0443 \u0421\u0430\u049b\u0442\u0430\u043d\u0434\u044b\u0440\u0443 \u049a\u043e\u0440\u0493\u0430\u043d\u044b\u0441 \u049b\u04b1\u0440\u0430\u043b\u0434\u0430\u0440\u044b \u0421\u0430\u043d\u0438\u0442\u0430\u0440\u043b\u044b\u049b \u0436\u0430\u0493\u0434\u0430\u0439\u043b\u0430\u0440 \u0422\u04d9\u0443\u0435\u043a\u0435\u043b\u0434\u0435\u0440\u0434\u0456 \u0431\u0430\u0493\u0430\u043b\u0430\u0443 \u0415\u049a\u0411\u0416 \u041d\u04d9\u0442\u0438\u0436\u0435 \u0422\u0430\u0437\u0430\u043b\u0430\u0443 0 \u049a\u0430\u043b\u043f\u044b\u043d\u0430 \u043a\u0435\u043b\u0442\u0456\u0440\u0443 \u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u0421\u0430\u0442\u044b\u043f \u0430\u043b\u044b\u043d\u0430\u0442\u044b\u043d \u0442\u0435\u0445\u043d\u0438\u043a\u0430\u043b\u044b\u049b \u0436\u0430\u0431\u0434\u044b\u049b\u0442\u0430\u0440 + — \u041a\u04e9\u0440\u043d\u0435\u043a\u0456 \u043e\u049b\u0443 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0434\u0430\u0440\u044b + — \u041c\u0430\u043c\u0430\u043d\u0434\u0430\u0440 \u049b\u044b\u0437\u043c\u0435\u0442\u0442\u0435\u0440\u0456\u043d\u0456\u04a3 \u049b\u04b1\u043d\u044b (\u0442\u0435\u04a3\u0433\u0435) \u041e\u049b\u0443 \u0441\u0430\u0493\u0430\u0442\u0442\u0430\u0440\u044b\u043d\u044b\u04a3 \u0441\u0430\u043d\u044b (\u0441\u0430\u0493\u0430\u0442) \u0415\u0441\u0435\u043f\u0442\u0435\u0443<\/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-3386","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rniiot.kz\/home\/wp-json\/wp\/v2\/pages\/3386","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=3386"}],"version-history":[{"count":3,"href":"https:\/\/rniiot.kz\/home\/wp-json\/wp\/v2\/pages\/3386\/revisions"}],"predecessor-version":[{"id":23773,"href":"https:\/\/rniiot.kz\/home\/wp-json\/wp\/v2\/pages\/3386\/revisions\/23773"}],"wp:attachment":[{"href":"https:\/\/rniiot.kz\/home\/wp-json\/wp\/v2\/media?parent=3386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}