{"id":39270,"date":"2024-05-12T21:10:53","date_gmt":"2024-05-12T16:40:53","guid":{"rendered":"https:\/\/wpadmin.maktabkhooneh.org\/mag\/?p=39270"},"modified":"2026-04-26T11:02:47","modified_gmt":"2026-04-26T07:32:47","slug":"javascript-calculator","status":"publish","type":"post","link":"https:\/\/maktabkhooneh.org\/mag\/javascript-calculator\/","title":{"rendered":"\u0622\u0645\u0648\u0632\u0634 \u0633\u0627\u062e\u062a \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0628\u0627 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647 \u0635\u0648\u0631\u062a \u06af\u0627\u0645 \u0628\u0647 \u06af\u0627\u0645"},"content":{"rendered":"\n<p>\u0622\u06cc\u0627 \u062a\u0627\u0628\u0647\u200c\u062d\u0627\u0644 \u0641\u06a9\u0631 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u06cc\u06a9 \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0633\u0627\u062f\u0647 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06a9\u062f \u0646\u0648\u06cc\u0633\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f\u061f \u0628\u0644\u0647\u060c \u0628\u0627 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u0628\u0627 \u0627\u06cc\u0646 \u0632\u0628\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u06cc \u0645\u062d\u0628\u0648\u0628\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0634\u062e\u0635\u06cc \u062e\u0648\u062f \u0631\u0627 \u0628\u0633\u0627\u0632\u06cc\u062f \u0648 \u0627\u0632 \u0622\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0637\u0644\u0628 \u0622\u0645\u0648\u0632\u0634\u06cc \u0627\u0632 \u0645\u062c\u0644\u0647 \u0645\u06a9\u062a\u0648\u0628\u060c \u0645\u0627 \u0634\u0645\u0627 \u0631\u0627 \u062f\u0631 \u0633\u0641\u0631\u06cc \u06af\u0627\u0645\u200c\u0628\u0647\u200c\u06af\u0627\u0645 \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0628\u0627 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u062d\u062a\u06cc \u0627\u06af\u0631 \u062f\u0627\u0646\u0634 \u0642\u0628\u0644\u06cc \u06a9\u0645\u06cc \u062f\u0631 \u0645\u0648\u0631\u062f \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f \u06a9\u0644\u06cc\u0647 \u0645\u0631\u0627\u062d\u0644 \u0631\u0627 \u0628\u0627 \u0632\u0628\u0627\u0646\u06cc \u0633\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u062a\u0634\u0631\u06cc\u062d \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0686\u06cc\u0633\u062a\u061f<\/h2>\n\n\n\n<p>\u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0646\u0648\u0639\u06cc \u200c\u0632\u0628\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u06cc \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0648 \u062f\u0631 \u0639\u06cc\u0646 \u062d\u0627\u0644 \u0633\u0627\u062f\u0647 \u0628\u0648\u062f\u0647 \u06a9\u0647 \u0628\u0647 \u0637\u0648\u0631 \u062e\u0627\u0635 \u0628\u0631\u0627\u06cc \u062a\u0639\u0627\u0645\u0644 \u0628\u0627 \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u0637\u0631\u0627\u062d\u06cc\u200c\u0634\u062f\u0647 \u0627\u0633\u062a. \u0627\u06cc\u0646 \u0632\u0628\u0627\u0646 \u0628\u0647 \u0637\u0631\u0632 \u0645\u0627\u0647\u0631\u0627\u0646\u0647\u200c\u0627\u06cc \u0628\u0627 HTML \u0648 CSS \u0627\u062f\u063a\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0628\u0647 \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u0627\u06cc\u0633\u062a\u0627\u060c \u067e\u0648\u06cc\u0627\u06cc\u06cc \u0648 \u0642\u0627\u0628\u0644\u06cc\u062a \u062a\u0639\u0627\u0645\u0644 \u0645\u06cc\u200c\u0628\u062e\u0634\u062f.<\/p>\n\n\n<div class=\"jet-listing-grid--50121\" style=\"\"><div class=\"jet-listing-dynamic-field-block zht-maktab-khooneh-course cb-fb2qc30r\"data-is-block=\"jet-engine\/dynamic-field\"><div class=\"jet-listing-dynamic-field__content\" >\n<div class=\"course-card\">\n    <div class=\"course-card-img\">\n        <img decoding=\"async\" \n            data-src=\"https:\/\/media1.maktabkhooneh.org\/CACHE\/images\/courses\/images\/javascript-es-series_1403-08-16-164352163\/97c6aa2e4add56ea5373fa13a8178942.webp?expire=4893471932&#038;token=a299c61715e09470f165388b87e60951&#038;md5=opnGFxXglHDxZTiLh-YJUQ==\" \n            alt=\"\u0622\u0645\u0648\u0632\u0634 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a (JavaScript)\" \n            title=\"\u0622\u0645\u0648\u0632\u0634 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a (JavaScript)\" \n            width=\"100%\" \n            height=\"auto\"\n           \n         src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n    <\/div>\n\n    <div class=\"course-details\">\n        <a href=\"https:\/\/maktabkhooneh.org\/course\/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-mk1122\/\" class=\"course-title\" target=\"_blank\" rel=\"noopener noreferrer\">\n            \u0622\u0645\u0648\u0632\u0634 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a (JavaScript)        <\/a>\n\n        <div class=\"course-price\">\n            \n                <span class=\"real-price\">\n                                            \u06f1,\u06f4\u06f9\u06f9,\u06f0\u06f0\u06f0                                    <\/span>\n\n                <span>\n                    <span class=\"discounted-price\">\n                        \u06f7\u06f4\u06f9,\u06f5\u06f0\u06f0                    <\/span>\n                    <span class=\"price-currency\">\u062a\u0648\u0645\u0627\u0646<\/span>\n                <\/span>\n\n                                    <div class=\"discount-percentage\">\n                        \u06f5\u06f0%                    <\/div>\n                \n                    <\/div>\n        <button class=\"course-cta-button\" data-course-url=\"https:\/\/maktabkhooneh.org\/course\/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-mk1122\/\">\n            \u0645\u0634\u0627\u0647\u062f\u0647 \u0648 \u062e\u0631\u06cc\u062f        <\/button>\n    <\/div>\n<\/div>\n<\/div><\/div><\/div>\n\n\n<p>\u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0627\u0631\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641\u06cc \u0645\u0627\u0646\u0646\u062f \u0627\u0641\u0632\u0648\u062f\u0646 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u060c \u0627\u06cc\u062c\u0627\u062f \u0641\u0631\u0645\u200c\u0647\u0627\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc \u0648 \u0628\u0644\u0647\u060c \u062d\u062a\u06cc \u0633\u0627\u062e\u062a\u0646 \u0645\u0627\u0634\u06cc\u0646\u200c\u062d\u0633\u0627\u0628\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f. \u062f\u0631 \u0627\u062f\u0627\u0645\u0647 \u067e\u06cc\u0634\u200c\u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634 \u0633\u0627\u062e\u062a \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0628\u0627 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0631\u062f\u0647 \u0648 \u06cc\u06a9 \u0631\u0627\u0633\u062a \u0628\u0639\u062f\u0627 \u0628\u0647 \u0633\u0631\u0627\u063a \u0628\u062e\u0634 \u0639\u0645\u0644\u06cc \u0645\u0642\u0627\u0644\u0647 \u062e\u0648\u0627\u0647\u06cc\u0645 \u0631\u0641\u062a.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u0627\u0628\u0632\u0627\u0631 \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0628\u0627 javascript<\/h3>\n\n\n\n<p>\u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u0627\u06cc\u0646 \u067e\u0631\u0648\u0698\u0647 \u0647\u06cc\u062c\u0627\u0646\u200c\u0627\u0646\u06af\u06cc\u0632\u060c \u062a\u0646\u0647\u0627 \u0628\u0647 \u0686\u0646\u062f \u0627\u0628\u0632\u0627\u0631 \u0633\u0627\u062f\u0647 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u062f:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u06cc\u06a9 \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631 \u0645\u062a\u0646:<\/strong> \u0647\u0631 \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631 \u0645\u062a\u0646 \u0633\u0627\u062f\u0647\u200c\u0627\u06cc \u0645\u0627\u0646\u0646\u062f Notepad \u06cc\u0627 Sublime Text \u0628\u0631\u0627\u06cc \u0646\u0648\u0634\u062a\u0646 \u06a9\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0634\u0645\u0627 \u0645\u0646\u0627\u0633\u0628 \u0627\u0633\u062a.<\/li>\n\n\n\n<li><strong>\u06cc\u06a9 \u0645\u0631\u0648\u0631\u06af\u0631 \u0648\u0628:<\/strong> \u0647\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 \u0648\u0628 \u0645\u062f\u0631\u0646 \u0645\u0627\u0646\u0646\u062f Google Chrome\u060c Mozilla Firefox \u06cc\u0627 Microsoft Edge \u0628\u0631\u0627\u06cc \u0627\u062c\u0631\u0627\u06cc \u06a9\u062f \u0634\u0645\u0627 \u0648 \u0645\u0634\u0627\u0647\u062f\u0647 \u0646\u062a\u06cc\u062c\u0647 \u0646\u0647\u0627\u06cc\u06cc \u06a9\u0627\u0631 \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f.<\/li>\n\n\n\n<li><strong>\u0627\u0634\u062a\u06cc\u0627\u0642 \u0628\u0647 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc:<\/strong> \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631\u060c \u0627\u0634\u062a\u06cc\u0627\u0642 \u0634\u0645\u0627 \u0628\u0647 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0648 \u06a9\u0627\u0648\u0634 \u062f\u0631 \u062f\u0646\u06cc\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u06cc \u0627\u0633\u062a. \u0628\u0627 \u062f\u0627\u0634\u062a\u0646 \u0630\u0647\u0646 \u06a9\u0646\u062c\u06a9\u0627\u0648 \u0648 \u062a\u0645\u0627\u06cc\u0644 \u0628\u0647 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc\u060c \u0633\u0627\u062e\u062a \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0628\u0627 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u0628\u0647 \u06cc\u06a9 \u062a\u062c\u0631\u0628\u0647 \u0644\u0630\u062a\u200c\u0628\u062e\u0634 \u062a\u0628\u062f\u06cc\u0644 \u062e\u0648\u0627\u0647\u062f \u0634\u062f.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"726\" src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2024\/05\/e276e3c1-68d1-41ea-80cc-2eb9b4790e67.jpg\" alt=\"\u0627\u0628\u0632\u0627\u0631 \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0628\u0627 javascript\" class=\"wp-image-39273\" title=\"\" srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2024\/05\/e276e3c1-68d1-41ea-80cc-2eb9b4790e67.jpg 1024w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/e276e3c1-68d1-41ea-80cc-2eb9b4790e67-300x213.jpg.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/e276e3c1-68d1-41ea-80cc-2eb9b4790e67-768x545.jpg.webp 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u0642\u0637\u0639\u0647 \u06a9\u062f HTML \u0633\u0627\u062e\u062a \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0628\u0627 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/h3>\n\n\n\n<p>\u06a9\u062f HTML \u0627\u0631\u0627\u0626\u0647 \u200c\u0634\u062f\u0647 \u0632\u06cc\u0631 \u0633\u0627\u062e\u062a\u0627\u0631 \u06cc\u06a9 \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0633\u0627\u062f\u0647 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0639\u0646\u0627\u0635\u0631 HTML \u0645\u0627\u0646\u0646\u062f div \u0648 \u06a9\u0644\u0627\u0633\u200c\u0647\u0627\u06cc CSS \u0628\u0631\u0627\u06cc \u0686\u06cc\u062f\u0645\u0627\u0646 \u0648 \u0633\u0628\u06a9\u200c\u062f\u0647\u06cc \u0628\u0647 \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627\u060c \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n\n\n\n<div class=\"elementor elementor-9853\" data-elementor-type=\"wp-post\" data-elementor-id=\"9853\" data-elementor-post-type=\"revision\">\n<section class=\"elementor-section elementor-top-section elementor-element elementor-element-733fcde elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"733fcde\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-42e7506\" data-id=\"42e7506\" data-element_type=\"column\">\n<div class=\"elementor-widget-wrap elementor-element-populated\">\n<div class=\"elementor-element elementor-element-62a27ae elementor-widget elementor-widget-code-highlight\" data-id=\"62a27ae\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"prismjs-default \">\n<pre class=\"highlight-height language-javascript\" data-line=\"\"><code class=\" language-javascript\"><span class=\"token operator\">&lt;<\/span>div <span class=\"token keyword\">class<\/span><span class=\"token operator\">=<\/span><span class=\"token string\">\"calculator\"<\/span><span class=\"token operator\">&gt;<\/span>\n  <span class=\"token operator\">&lt;<\/span>div <span class=\"token keyword\">class<\/span><span class=\"token operator\">=<\/span><span class=\"token string\">\"input\"<\/span> id<span class=\"token operator\">=<\/span><span class=\"token string\">\"input\"<\/span><span class=\"token operator\">&gt;<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n  <span class=\"token operator\">&lt;<\/span>div <span class=\"token keyword\">class<\/span><span class=\"token operator\">=<\/span><span class=\"token string\">\"buttons\"<\/span><span class=\"token operator\">&gt;<\/span>\n    <span class=\"token operator\">&lt;<\/span>div <span class=\"token keyword\">class<\/span><span class=\"token operator\">=<\/span><span class=\"token string\">\"operators\"<\/span><span class=\"token operator\">&gt;<\/span>\n      <span class=\"token operator\">&lt;<\/span>div<span class=\"token operator\">&gt;<\/span><span class=\"token operator\">+<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n      <span class=\"token operator\">&lt;<\/span>div<span class=\"token operator\">&gt;<\/span><span class=\"token operator\">-<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n      <span class=\"token operator\">&lt;<\/span>div<span class=\"token operator\">&gt;<\/span><span class=\"token operator\">&amp;<\/span>times<span class=\"token punctuation\">;<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n      <span class=\"token operator\">&lt;<\/span>div<span class=\"token operator\">&gt;<\/span><span class=\"token operator\">&amp;<\/span>divide<span class=\"token punctuation\">;<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n    <span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n    <span class=\"token operator\">&lt;<\/span>div <span class=\"token keyword\">class<\/span><span class=\"token operator\">=<\/span><span class=\"token string\">\"leftPanel\"<\/span><span class=\"token operator\">&gt;<\/span>\n      <span class=\"token operator\">&lt;<\/span>div <span class=\"token keyword\">class<\/span><span class=\"token operator\">=<\/span><span class=\"token string\">\"numbers\"<\/span><span class=\"token operator\">&gt;<\/span>\n        <span class=\"token operator\">&lt;<\/span>div<span class=\"token operator\">&gt;<\/span><span class=\"token number\">\u06f7<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n        <span class=\"token operator\">&lt;<\/span>div<span class=\"token operator\">&gt;<\/span><span class=\"token number\">\u06f8<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n        <span class=\"token operator\">&lt;<\/span>div<span class=\"token operator\">&gt;<\/span><span class=\"token number\">\u06f9<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n      <span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n      <span class=\"token operator\">&lt;<\/span>div <span class=\"token keyword\">class<\/span><span class=\"token operator\">=<\/span><span class=\"token string\">\"numbers\"<\/span><span class=\"token operator\">&gt;<\/span>\n        <span class=\"token operator\">&lt;<\/span>div<span class=\"token operator\">&gt;<\/span><span class=\"token number\">\u06f4<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n        <span class=\"token operator\">&lt;<\/span>div<span class=\"token operator\">&gt;<\/span><span class=\"token number\">\u06f5<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n        <span class=\"token operator\">&lt;<\/span>div<span class=\"token operator\">&gt;<\/span><span class=\"token number\">\u06f6<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n      <span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n      <span class=\"token operator\">&lt;<\/span>div <span class=\"token keyword\">class<\/span><span class=\"token operator\">=<\/span><span class=\"token string\">\"numbers\"<\/span><span class=\"token operator\">&gt;<\/span>\n        <span class=\"token operator\">&lt;<\/span>div<span class=\"token operator\">&gt;<\/span><span class=\"token number\">\u06f1<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n        <span class=\"token operator\">&lt;<\/span>div<span class=\"token operator\">&gt;<\/span><span class=\"token number\">\u06f2<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n        <span class=\"token operator\">&lt;<\/span>div<span class=\"token operator\">&gt;<\/span><span class=\"token number\">\u06f3<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n      <span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n      <span class=\"token operator\">&lt;<\/span>div <span class=\"token keyword\">class<\/span><span class=\"token operator\">=<\/span><span class=\"token string\">\"numbers\"<\/span><span class=\"token operator\">&gt;<\/span>\n        <span class=\"token operator\">&lt;<\/span>div<span class=\"token operator\">&gt;<\/span><span class=\"token number\">\u06f0<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n        <span class=\"token operator\">&lt;<\/span>div<span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">.<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n        <span class=\"token operator\">&lt;<\/span>div id<span class=\"token operator\">=<\/span><span class=\"token string\">\"clear\"<\/span><span class=\"token operator\">&gt;<\/span><span class=\"token constant\">C<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n      <span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n    <span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n    <span class=\"token operator\">&lt;<\/span>div <span class=\"token keyword\">class<\/span><span class=\"token operator\">=<\/span><span class=\"token string\">\"equal\"<\/span> id<span class=\"token operator\">=<\/span><span class=\"token string\">\"result\"<\/span><span class=\"token operator\">&gt;=<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n  <span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n<span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n\n\n\n<div class=\"saboxplugin-wrap\">\n<div class=\"saboxplugin-tab\"><\/div>\n<\/div>\n\n\n\n<p>\u0627\u06cc\u0646 \u06a9\u062f \u0627\u0632 \u0622\u0645\u0648\u0632\u0634 \u0633\u0627\u062e\u062a \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0628\u0627 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0627 \u0628\u0627\u06cc\u062f \u062f\u0631 \u0641\u0627\u06cc\u0644\u06cc \u0628\u0627 \u0646\u0627\u0645 \u0641\u0631\u0636\u06cc index.html \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0631\u062f. \u062f\u0631 \u0627\u062f\u0627\u0645\u0647 \u0628\u0647 \u0628\u0631\u0631\u0633\u06cc \u062c\u0632\u0626\u06cc\u0627\u062a \u0627\u06cc\u0646 \u06a9\u062f \u0645\u06cc\u200c\u067e\u0631\u062f\u0627\u0632\u06cc\u0645:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong> \u0633\u0627\u062e\u062a\u0627\u0631 \u06a9\u0644\u06cc:<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><div class=\"calculator\">: \u0627\u06cc\u0646 \u0639\u0646\u0635\u0631 \u0631\u06cc\u0634\u0647 \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0631\u0627 \u062a\u0634\u06a9\u06cc\u0644 \u0645\u06cc\u200c\u062f\u0647\u062f \u0648 \u062a\u0645\u0627\u0645 \u0628\u062e\u0634\u200c\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0631\u0627 \u062f\u0631 \u0628\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f.<\/div>\n<ul class=\"wp-block-list\">\n<li>&lt;div class=&#8221;input&#8221; id=&#8221;input&#8221;>: \u0627\u06cc\u0646 \u0639\u0646\u0635\u0631 \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0627\u0639\u062f\u0627\u062f \u0648 \u0646\u062a\u0627\u06cc\u062c \u0645\u062d\u0627\u0633\u0628\u0627\u062a \u062f\u0631 \u0646\u0638\u0631 \u06af\u0631\u0641\u062a\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/li>\n\n\n\n<li><div class=\"buttons\">: \u0627\u06cc\u0646 \u0639\u0646\u0635\u0631 \u0634\u0627\u0645\u0644 \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628\u060c \u0627\u0632 \u062c\u0645\u0644\u0647 \u0627\u0639\u062f\u0627\u062f\u060c \u0639\u0645\u0644\u06af\u0631\u0647\u0627 \u0648 \u062f\u06a9\u0645\u0647 C (\u067e\u0627\u06a9 \u06a9\u0631\u062f\u0646) \u0627\u0633\u062a.<\/div>\n<ul class=\"wp-block-list\">\n<li>&lt;div class=&#8221;operators&#8221;>: \u0627\u06cc\u0646 \u0639\u0646\u0635\u0631 \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0639\u0645\u0644\u06af\u0631\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc (+\u060c -\u060c \u00d7\u060c \u00f7) \u0631\u0627 \u0634\u0627\u0645\u0644 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\n\n\n\n<li>&lt;div class=&#8221;leftPanel&#8221;>: \u0627\u06cc\u0646 \u0639\u0646\u0635\u0631 \u0634\u0627\u0645\u0644 \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0627\u0639\u062f\u0627\u062f (\u06f0 \u062a\u0627 \u06f9) \u0648 \u062f\u06a9\u0645\u0647 . (\u0646\u0642\u0637\u0647) \u0627\u0633\u062a.<\/li>\n\n\n\n<li>&lt;div class=&#8221;equal&#8221; id=&#8221;result&#8221;>: \u0627\u06cc\u0646 \u0639\u0646\u0635\u0631 \u062f\u06a9\u0645\u0647 = \u0631\u0627 \u0634\u0627\u0645\u0644 \u0645\u06cc\u200c\u0634\u0648\u062f \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0646\u062a\u06cc\u062c\u0647 \u0646\u0647\u0627\u06cc\u06cc \u0645\u062d\u0627\u0633\u0628\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong> \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0627\u0639\u062f\u0627\u062f:<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u0647\u0631 \u062f\u06a9\u0645\u0647 \u0639\u062f\u062f \u0628\u0627 &lt;div> \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u0648 \u0645\u062d\u062a\u0648\u0627\u06cc \u0639\u062f\u062f \u0645\u0631\u0628\u0648\u0637\u0647 (\u06f7\u060c \u06f8\u060c \u06f9 \u0648 \u063a\u06cc\u0631\u0647) \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\n\n\n\n<li>\u0627\u06cc\u0646 \u062f\u06a9\u0645\u0647\u200c\u0647\u0627 \u0628\u0627 \u0631\u0648\u06cc\u062f\u0627\u062f\u0647\u0627\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u0631\u062a\u0628\u0637 \u062e\u0648\u0627\u0647\u0646\u062f \u0628\u0648\u062f \u062a\u0627 \u0639\u062f\u062f \u0631\u0627 \u0628\u0647 \u0635\u0641\u062d\u0647\u200c\u0646\u0645\u0627\u06cc\u0634 (input\u200e) \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u0646\u062f.<\/li>\n<\/ul>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong> \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0639\u0645\u0644\u06af\u0631:<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u0647\u0631 \u0639\u0645\u0644\u06af\u0631 \u0627\u0635\u0644\u06cc (+\u060c -\u060c \u00d7\u060c \u00f7) \u0628\u0627 &lt;div> \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u0648 \u0645\u062d\u062a\u0648\u0627\u06cc \u0639\u0644\u0627\u0645\u062a \u0639\u0645\u0644\u06af\u0631 \u0645\u0631\u0628\u0648\u0637\u0647 \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\n\n\n\n<li>\u0627\u06cc\u0646 \u062f\u06a9\u0645\u0647\u200c\u0647\u0627 \u0646\u06cc\u0632 \u0628\u0627 \u0631\u0648\u06cc\u062f\u0627\u062f\u0647\u0627\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u0631\u062a\u0628\u0637 \u062e\u0648\u0627\u0647\u0646\u062f \u0628\u0648\u062f \u062a\u0627 \u0639\u0645\u0644\u06af\u0631 \u0627\u0646\u062a\u062e\u0627\u0628 \u0634\u062f\u0647 \u0631\u0627 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u0646\u062f.<\/li>\n<\/ul>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li><strong> \u062f\u06a9\u0645\u0647 <\/strong><strong>C<\/strong><strong> (\u067e\u0627\u06a9 \u06a9\u0631\u062f\u0646):<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u062f\u06a9\u0645\u0647 C \u0628\u0627 &lt;div> \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u0648 \u0645\u062d\u062a\u0648\u0627\u06cc C \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\n\n\n\n<li>\u0627\u06cc\u0646 \u062f\u06a9\u0645\u0647 \u0628\u0627 \u0631\u0648\u06cc\u062f\u0627\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u0631\u062a\u0628\u0637 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f \u062a\u0627 \u0645\u062d\u062a\u0648\u06cc\u0627\u062a \u0635\u0641\u062d\u0647\u200c\u0646\u0645\u0627\u06cc\u0634 (\u0648\u0631\u0648\u062f\u06cc \u06a9\u0627\u0631\u0628\u0631) \u0631\u0627 \u067e\u0627\u06a9 \u06a9\u0646\u062f.<\/li>\n<\/ul>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li><strong> \u062f\u06a9\u0645\u0647 =:<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u062f\u06a9\u0645\u0647 = \u0628\u0627 &lt;div> \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u0648 \u0645\u062d\u062a\u0648\u0627\u06cc \u0639\u0644\u0627\u0645\u062a = \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\n\n\n\n<li>\u0627\u06cc\u0646 \u062f\u06a9\u0645\u0647 \u0628\u0647 \u0628\u0627 \u0631\u0648\u06cc\u062f\u0627\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u0631\u062a\u0628\u0637 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f \u062a\u0627 \u0645\u062d\u0627\u0633\u0628\u0647 \u0646\u0647\u0627\u06cc\u06cc \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0639\u062f\u0627\u062f \u0648 \u0639\u0645\u0644\u06af\u0631\u0647\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0634\u062f\u0647 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u062f \u0648 \u0646\u062a\u06cc\u062c\u0647 \u0631\u0627 \u062f\u0631 \u0635\u0641\u062d\u0647\u200c\u0646\u0645\u0627\u06cc\u0634 (input) \u0646\u0645\u0627\u06cc\u0634 \u062f\u0647\u062f.<\/li>\n<\/ul>\n\n\n\n<p><strong>\u0646\u06a9\u0627\u062a:<\/strong><\/p>\n\n\n\n<p>\u0627\u06cc\u0646 \u06a9\u062f HTML \u0641\u0642\u0637 \u0633\u0627\u062e\u062a\u0627\u0631 \u067e\u0627\u06cc\u0647 \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u0648 \u0628\u0631\u0627\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u06a9\u0627\u0645\u0644 \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0628\u0647 \u06a9\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0633\u0627\u062e\u062a \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u0631\u0648\u06cc\u062f\u0627\u062f\u0647\u0627\u06cc \u06a9\u0644\u06cc\u06a9 \u062f\u06a9\u0645\u0647\u060c \u0627\u0646\u062c\u0627\u0645 \u0645\u062d\u0627\u0633\u0628\u0627\u062a \u0648 \u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0635\u0641\u062d\u0647\u200c\u0646\u0645\u0627\u06cc\u0634 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u062f.<\/p>\n\n\n<div class=\"jet-listing-grid--50192\" style=\"\"><style><\/style><section class=\"zht-related-post\" itemscope=\"\" itemtype=\"https:\/\/schema.org\/Article\" role=\"region\"\n  aria-label=\"Related article\">\n  <div class=\"zht-related-post-section-label\">\n    \u0645\u0637\u0627\u0644\u0628 \u0645\u0631\u062a\u0628\u0637\n  <\/div>\n  <img decoding=\"async\" width=\"300\" height=\"188\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/6fb05ee1-a656-4839-bce8-6753cbf116b3-300x188.jpg.webp\" class=\"attachment-medium size-medium wp-post-image lazyload\" alt=\"\u0622\u0645\u0648\u0632\u0634 \u0633\u0627\u062e\u062a \u0627\u0633\u0644\u0627\u06cc\u062f\u0631 \u0628\u0627 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/6fb05ee1-a656-4839-bce8-6753cbf116b3-300x188.jpg.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/6fb05ee1-a656-4839-bce8-6753cbf116b3-768x480.jpg.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2024\/05\/6fb05ee1-a656-4839-bce8-6753cbf116b3.jpg 1024w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/188;\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/slider-with-js\/\" class=\"zht-related-post-title\"\n    itemprop=\"headline\" target=\"_blank\">\u0622\u0645\u0648\u0632\u0634 \u0633\u0627\u062e\u062a \u0627\u0633\u0644\u0627\u06cc\u062f\u0631 \u0628\u0627 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a &#8211; \u0622\u0645\u0648\u0632\u0634 \u0639\u0645\u0644\u06cc \u0648 \u062c\u0630\u0627\u0628<\/a>\n<\/section><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u06a9\u062f CSS \u0633\u0627\u062e\u062a \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0628\u0627 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/h3>\n\n\n\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0628\u062e\u0634 \u0627\u0632 \u0622\u0645\u0648\u0632\u0634 \u0633\u0627\u062e\u062a \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0628\u0627 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e \u0628\u0647 \u0633\u0631\u0627\u063a \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0647\u06cc \u0622\u0646 \u0645\u06cc\u0631\u0648\u06cc\u0645. \u06a9\u062f \u0632\u06cc\u0631 \u0628\u062e\u0634 \u0638\u0627\u0647\u0631\u06cc (CSS) \u06cc\u06a9 \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0633\u0627\u062e\u062a\u0647\u200c\u0634\u062f\u0647 \u0628\u0627 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>body <span class=\"token punctuation\">{<\/span>\n\n  width<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f5\u06f0\u06f0<\/span>px<span class=\"token punctuation\">;<\/span>\n\n  margin<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f4<\/span><span class=\"token operator\">%<\/span> auto<span class=\"token punctuation\">;<\/span>\n\n  font<span class=\"token operator\">-<\/span>family<span class=\"token operator\">:<\/span> <span class=\"token string\">'Source Sans Pro'<\/span><span class=\"token punctuation\">,<\/span> sans<span class=\"token operator\">-<\/span>serif<span class=\"token punctuation\">;<\/span>\n\n  letter<span class=\"token operator\">-<\/span>spacing<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f5<\/span>px<span class=\"token punctuation\">;<\/span>\n\n  font<span class=\"token operator\">-<\/span>size<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1.\u06f8<\/span>rem<span class=\"token punctuation\">;<\/span>\n\n  <span class=\"token operator\">-<\/span>moz<span class=\"token operator\">-<\/span>user<span class=\"token operator\">-<\/span>select<span class=\"token operator\">:<\/span> none<span class=\"token punctuation\">;<\/span>\n\n  <span class=\"token operator\">-<\/span>webkit<span class=\"token operator\">-<\/span>user<span class=\"token operator\">-<\/span>select<span class=\"token operator\">:<\/span> none<span class=\"token punctuation\">;<\/span>\n\n  <span class=\"token operator\">-<\/span>ms<span class=\"token operator\">-<\/span>user<span class=\"token operator\">-<\/span>select<span class=\"token operator\">:<\/span> none<span class=\"token punctuation\">;<\/span>\n\n<span class=\"token punctuation\">}<\/span>\n\n<span class=\"token punctuation\">.<\/span>calculator <span class=\"token punctuation\">{<\/span>\n\n  padding<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f2\u06f0<\/span>px<span class=\"token punctuation\">;<\/span>\n\n  <span class=\"token operator\">-<\/span>webkit<span class=\"token operator\">-<\/span>box<span class=\"token operator\">-<\/span>shadow<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f0<\/span>px <span class=\"token number\">\u06f1<\/span>px <span class=\"token number\">\u06f4<\/span>px <span class=\"token number\">\u06f0<\/span>px <span class=\"token function\">rgba<\/span><span class=\"token punctuation\">(<\/span><span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0.\u06f2<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  box<span class=\"token operator\">-<\/span>shadow<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f0<\/span>px <span class=\"token number\">\u06f1<\/span>px <span class=\"token number\">\u06f4<\/span>px <span class=\"token number\">\u06f0<\/span>px <span class=\"token function\">rgba<\/span><span class=\"token punctuation\">(<\/span><span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0.\u06f2<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  border<span class=\"token operator\">-<\/span>radius<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1<\/span>px<span class=\"token punctuation\">;<\/span>\n\n<span class=\"token punctuation\">}<\/span>\n\n<span class=\"token punctuation\">.<\/span>input <span class=\"token punctuation\">{<\/span>\n\n  border<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1<\/span>px solid #ddd<span class=\"token punctuation\">;<\/span>\n\n  border<span class=\"token operator\">-<\/span>radius<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1<\/span>px<span class=\"token punctuation\">;<\/span>\n\n  height<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f6\u06f0<\/span>px<span class=\"token punctuation\">;<\/span>\n\n  padding<span class=\"token operator\">-<\/span>right<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1\u06f5<\/span>px<span class=\"token punctuation\">;<\/span>\n\n  padding<span class=\"token operator\">-<\/span>top<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1\u06f0<\/span>px<span class=\"token punctuation\">;<\/span>\n\n  text<span class=\"token operator\">-<\/span>align<span class=\"token operator\">:<\/span> right<span class=\"token punctuation\">;<\/span>\n\n  margin<span class=\"token operator\">-<\/span>right<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f6<\/span>px<span class=\"token punctuation\">;<\/span>\n\n  font<span class=\"token operator\">-<\/span>size<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f2.\u06f5<\/span>rem<span class=\"token punctuation\">;<\/span>\n\n  overflow<span class=\"token operator\">-<\/span>x<span class=\"token operator\">:<\/span> auto<span class=\"token punctuation\">;<\/span>\n\n  transition<span class=\"token operator\">:<\/span> all <span class=\"token number\">.\u06f2<\/span>s ease<span class=\"token operator\">-<\/span><span class=\"token keyword\">in<\/span><span class=\"token operator\">-<\/span>out<span class=\"token punctuation\">;<\/span>\n\n<span class=\"token punctuation\">}<\/span>\n\n<span class=\"token punctuation\">.<\/span>input<span class=\"token operator\">:<\/span>hover <span class=\"token punctuation\">{<\/span>\n\n  border<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1<\/span>px solid #bbb<span class=\"token punctuation\">;<\/span>\n\n  <span class=\"token operator\">-<\/span>webkit<span class=\"token operator\">-<\/span>box<span class=\"token operator\">-<\/span>shadow<span class=\"token operator\">:<\/span> inset <span class=\"token number\">\u06f0<\/span>px <span class=\"token number\">\u06f1<\/span>px <span class=\"token number\">\u06f4<\/span>px <span class=\"token number\">\u06f0<\/span>px <span class=\"token function\">rgba<\/span><span class=\"token punctuation\">(<\/span><span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0.\u06f2<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  box<span class=\"token operator\">-<\/span>shadow<span class=\"token operator\">:<\/span> inset <span class=\"token number\">\u06f0<\/span>px <span class=\"token number\">\u06f1<\/span>px <span class=\"token number\">\u06f4<\/span>px <span class=\"token number\">\u06f0<\/span>px <span class=\"token function\">rgba<\/span><span class=\"token punctuation\">(<\/span><span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0.\u06f2<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n<span class=\"token punctuation\">}<\/span>\n\n<span class=\"token punctuation\">.<\/span>buttons <span class=\"token punctuation\">{<\/span><span class=\"token punctuation\">}<\/span>\n\n<span class=\"token punctuation\">.<\/span>operators <span class=\"token punctuation\">{<\/span><span class=\"token punctuation\">}<\/span>\n\n<span class=\"token punctuation\">.<\/span>operators div <span class=\"token punctuation\">{<\/span>\n\n  display<span class=\"token operator\">:<\/span> inline<span class=\"token operator\">-<\/span>block<span class=\"token punctuation\">;<\/span>\n\n  border<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1<\/span>px solid #bbb<span class=\"token punctuation\">;<\/span>\n\n  border<span class=\"token operator\">-<\/span>radius<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1<\/span>px<span class=\"token punctuation\">;<\/span>\n\n  width<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f8\u06f0<\/span>px<span class=\"token punctuation\">;<\/span>\n\n  text<span class=\"token operator\">-<\/span>align<span class=\"token operator\">:<\/span> center<span class=\"token punctuation\">;<\/span>\n\n  padding<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1\u06f0<\/span>px<span class=\"token punctuation\">;<\/span>\n\n  margin<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f2\u06f0<\/span>px <span class=\"token number\">\u06f4<\/span>px <span class=\"token number\">\u06f1\u06f0<\/span>px <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">;<\/span>\n\n  cursor<span class=\"token operator\">:<\/span> pointer<span class=\"token punctuation\">;<\/span>\n\n  background<span class=\"token operator\">-<\/span>color<span class=\"token operator\">:<\/span> #ddd<span class=\"token punctuation\">;<\/span>\n\n  transition<span class=\"token operator\">:<\/span> border<span class=\"token operator\">-<\/span>color <span class=\"token number\">.\u06f2<\/span>s ease<span class=\"token operator\">-<\/span><span class=\"token keyword\">in<\/span><span class=\"token operator\">-<\/span>out<span class=\"token punctuation\">,<\/span> background<span class=\"token operator\">-<\/span>color <span class=\"token number\">.\u06f2<\/span>s<span class=\"token punctuation\">,<\/span> box<span class=\"token operator\">-<\/span>shadow <span class=\"token number\">.\u06f2<\/span>s<span class=\"token punctuation\">;<\/span>\n\n<span class=\"token punctuation\">}<\/span>\n\n<span class=\"token punctuation\">.<\/span>operators div<span class=\"token operator\">:<\/span>hover <span class=\"token punctuation\">{<\/span>\n\n  background<span class=\"token operator\">-<\/span>color<span class=\"token operator\">:<\/span> #ddd<span class=\"token punctuation\">;<\/span>\n\n  <span class=\"token operator\">-<\/span>webkit<span class=\"token operator\">-<\/span>box<span class=\"token operator\">-<\/span>shadow<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f0<\/span>px <span class=\"token number\">\u06f1<\/span>px <span class=\"token number\">\u06f4<\/span>px <span class=\"token number\">\u06f0<\/span>px <span class=\"token function\">rgba<\/span><span class=\"token punctuation\">(<\/span><span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0.\u06f2<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  box<span class=\"token operator\">-<\/span>shadow<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f0<\/span>px <span class=\"token number\">\u06f1<\/span>px <span class=\"token number\">\u06f4<\/span>px <span class=\"token number\">\u06f0<\/span>px <span class=\"token function\">rgba<\/span><span class=\"token punctuation\">(<\/span><span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0.\u06f2<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  border<span class=\"token operator\">-<\/span>color<span class=\"token operator\">:<\/span> #aaa<span class=\"token punctuation\">;<\/span>\n\n<span class=\"token punctuation\">}<\/span>\n\n<span class=\"token punctuation\">.<\/span>operators div<span class=\"token operator\">:<\/span>active <span class=\"token punctuation\">{<\/span>\n\n  font<span class=\"token operator\">-<\/span>weight<span class=\"token operator\">:<\/span> bold<span class=\"token punctuation\">;<\/span>\n\n<span class=\"token punctuation\">}<\/span>\n\n<span class=\"token punctuation\">.<\/span>leftPanel <span class=\"token punctuation\">{<\/span>\n\n  display<span class=\"token operator\">:<\/span> inline<span class=\"token operator\">-<\/span>block<span class=\"token punctuation\">;<\/span>\n\n<span class=\"token punctuation\">}<\/span>\n\n<span class=\"token punctuation\">.<\/span>numbers div <span class=\"token punctuation\">{<\/span>\n\n  display<span class=\"token operator\">:<\/span> inline<span class=\"token operator\">-<\/span>block<span class=\"token punctuation\">;<\/span>\n\n  border<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1<\/span>px solid #ddd<span class=\"token punctuation\">;<\/span>\n\n  border<span class=\"token operator\">-<\/span>radius<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1<\/span>px<span class=\"token punctuation\">;<\/span>\n\n  width<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f8\u06f0<\/span>px<span class=\"token punctuation\">;<\/span>\n\n  text<span class=\"token operator\">-<\/span>align<span class=\"token operator\">:<\/span> center<span class=\"token punctuation\">;<\/span>\n\n  padding<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1\u06f0<\/span>px<span class=\"token punctuation\">;<\/span>\n\n  margin<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1\u06f0<\/span>px <span class=\"token number\">\u06f4<\/span>px <span class=\"token number\">\u06f1\u06f0<\/span>px <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">;<\/span>\n\n  cursor<span class=\"token operator\">:<\/span> pointer<span class=\"token punctuation\">;<\/span>\n\n  background<span class=\"token operator\">-<\/span>color<span class=\"token operator\">:<\/span> #f9f9f9<span class=\"token punctuation\">;<\/span>\n\n  transition<span class=\"token operator\">:<\/span> border<span class=\"token operator\">-<\/span>color <span class=\"token number\">.\u06f2<\/span>s ease<span class=\"token operator\">-<\/span><span class=\"token keyword\">in<\/span><span class=\"token operator\">-<\/span>out<span class=\"token punctuation\">,<\/span> background<span class=\"token operator\">-<\/span>color <span class=\"token number\">.\u06f2<\/span>s<span class=\"token punctuation\">,<\/span> box<span class=\"token operator\">-<\/span>shadow <span class=\"token number\">.\u06f2<\/span>s<span class=\"token punctuation\">;<\/span>\n\n<span class=\"token punctuation\">}<\/span>\n\n<span class=\"token punctuation\">.<\/span>numbers div<span class=\"token operator\">:<\/span>hover <span class=\"token punctuation\">{<\/span>\n\n  background<span class=\"token operator\">-<\/span>color<span class=\"token operator\">:<\/span> #f1f1f1<span class=\"token punctuation\">;<\/span>\n\n  <span class=\"token operator\">-<\/span>webkit<span class=\"token operator\">-<\/span>box<span class=\"token operator\">-<\/span>shadow<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f0<\/span>px <span class=\"token number\">\u06f1<\/span>px <span class=\"token number\">\u06f4<\/span>px <span class=\"token number\">\u06f0<\/span>px <span class=\"token function\">rgba<\/span><span class=\"token punctuation\">(<\/span><span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0.\u06f2<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  box<span class=\"token operator\">-<\/span>shadow<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f0<\/span>px <span class=\"token number\">\u06f1<\/span>px <span class=\"token number\">\u06f4<\/span>px <span class=\"token number\">\u06f0<\/span>px <span class=\"token function\">rgba<\/span><span class=\"token punctuation\">(<\/span><span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0.\u06f2<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  border<span class=\"token operator\">-<\/span>color<span class=\"token operator\">:<\/span> #bbb<span class=\"token punctuation\">;<\/span>\n\n<span class=\"token punctuation\">}<\/span>\n\n<span class=\"token punctuation\">.<\/span>numbers div<span class=\"token operator\">:<\/span>active <span class=\"token punctuation\">{<\/span>\n\n  font<span class=\"token operator\">-<\/span>weight<span class=\"token operator\">:<\/span> bold<span class=\"token punctuation\">;<\/span>\n\n<span class=\"token punctuation\">}<\/span>\n\ndiv<span class=\"token punctuation\">.<\/span>equal <span class=\"token punctuation\">{<\/span>\n\n  display<span class=\"token operator\">:<\/span> inline<span class=\"token operator\">-<\/span>block<span class=\"token punctuation\">;<\/span>\n\n  border<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1<\/span>px solid #<span class=\"token number\">\u06f3\u06f0\u06f7\u06f9<\/span>ED<span class=\"token punctuation\">;<\/span>\n\n  border<span class=\"token operator\">-<\/span>radius<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1<\/span>px<span class=\"token punctuation\">;<\/span>\n\n  width<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1\u06f7<\/span><span class=\"token operator\">%<\/span><span class=\"token punctuation\">;<\/span>\n\n  text<span class=\"token operator\">-<\/span>align<span class=\"token operator\">:<\/span> center<span class=\"token punctuation\">;<\/span>\n\n  padding<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1\u06f2\u06f7<\/span>px <span class=\"token number\">\u06f1\u06f0<\/span>px<span class=\"token punctuation\">;<\/span>\n\n  margin<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1\u06f0<\/span>px <span class=\"token number\">\u06f6<\/span>px <span class=\"token number\">\u06f1\u06f0<\/span>px <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">;<\/span>\n\n  vertical<span class=\"token operator\">-<\/span>align<span class=\"token operator\">:<\/span> top<span class=\"token punctuation\">;<\/span>\n\n  cursor<span class=\"token operator\">:<\/span> pointer<span class=\"token punctuation\">;<\/span>\n\n  color<span class=\"token operator\">:<\/span> #<span class=\"token constant\">FFF<\/span><span class=\"token punctuation\">;<\/span>\n\n  background<span class=\"token operator\">-<\/span>color<span class=\"token operator\">:<\/span> #<span class=\"token number\">\u06f4<\/span>d90fe<span class=\"token punctuation\">;<\/span>\n\n  transition<span class=\"token operator\">:<\/span> all <span class=\"token number\">.\u06f2<\/span>s ease<span class=\"token operator\">-<\/span><span class=\"token keyword\">in<\/span><span class=\"token operator\">-<\/span>out<span class=\"token punctuation\">;<\/span>\n\n<span class=\"token punctuation\">}<\/span>\n\ndiv<span class=\"token punctuation\">.<\/span>equal<span class=\"token operator\">:<\/span>hover <span class=\"token punctuation\">{<\/span>\n\n  background<span class=\"token operator\">-<\/span>color<span class=\"token operator\">:<\/span> #<span class=\"token number\">\u06f3\u06f0\u06f7<\/span>CF9<span class=\"token punctuation\">;<\/span>\n\n  <span class=\"token operator\">-<\/span>webkit<span class=\"token operator\">-<\/span>box<span class=\"token operator\">-<\/span>shadow<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f0<\/span>px <span class=\"token number\">\u06f1<\/span>px <span class=\"token number\">\u06f4<\/span>px <span class=\"token number\">\u06f0<\/span>px <span class=\"token function\">rgba<\/span><span class=\"token punctuation\">(<\/span><span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0.\u06f2<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  box<span class=\"token operator\">-<\/span>shadow<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f0<\/span>px <span class=\"token number\">\u06f1<\/span>px <span class=\"token number\">\u06f4<\/span>px <span class=\"token number\">\u06f0<\/span>px <span class=\"token function\">rgba<\/span><span class=\"token punctuation\">(<\/span><span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0.\u06f2<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  border<span class=\"token operator\">-<\/span>color<span class=\"token operator\">:<\/span> #<span class=\"token number\">\u06f1\u06f8\u06f5\u06f7<\/span>BB<span class=\"token punctuation\">;<\/span>\n\n<span class=\"token punctuation\">}<\/span>\n\n\ndiv<span class=\"token punctuation\">.<\/span>equal<span class=\"token operator\">:<\/span>active <span class=\"token punctuation\">{<\/span>\n\n  font<span class=\"token operator\">-<\/span>weight<span class=\"token operator\">:<\/span> bold<span class=\"token punctuation\">;<\/span><\/code><\/pre>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong> \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u06a9\u0644\u06cc \u0648 \u0634\u06a9\u0644 \u0638\u0627\u0647\u0631\u06cc \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628:<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u0628\u062f\u0646\u0647 (body) \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u062f\u0627\u0631\u0627\u06cc \u0639\u0631\u0636 \u06f5\u06f0\u06f0 \u067e\u06cc\u06a9\u0633\u0644 \u0627\u0633\u062a \u0648 \u0628\u0627 \u06a9\u0645\u06cc \u0641\u0627\u0635\u0644\u0647 \u0627\u0632 \u06a9\u0646\u0627\u0631\u0647\u200c\u0647\u0627\u06cc \u0635\u0641\u062d\u0647 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f.<\/li>\n\n\n\n<li>\u0641\u0648\u0646\u062a \u0645\u062a\u0646 \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628\u060c Source Sans Pro \u06cc\u0627 \u06cc\u06a9 \u0641\u0648\u0646\u062a sans-serif \u0645\u0634\u0627\u0628\u0647 \u0628\u0627 \u0641\u0627\u0635\u0644\u0647 \u062d\u0631\u0641\u06cc \u06f5 \u067e\u06cc\u06a9\u0633\u0644 \u0648 \u0627\u0646\u062f\u0627\u0632\u0647 \u06f1.\u06f8 \u0631\u0645 \u0627\u0646\u062a\u062e\u0627\u0628 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/li>\n\n\n\n<li>\u0647\u0645\u0686\u0646\u06cc\u0646 \u0637\u0628\u0642 \u06a9\u062f\u060c \u0627\u0645\u06a9\u0627\u0646 \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u062a\u0646 \u0628\u0627 \u0645\u0648\u0633 \u063a\u06cc\u0631\u0641\u0639\u0627\u0644 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/li>\n\n\n\n<li>\u062e\u0648\u062f \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0628\u0627 \u06cc\u06a9 \u062d\u0627\u0634\u06cc\u0647 \u06f2\u06f0 \u067e\u06cc\u06a9\u0633\u0644\u06cc \u0627\u0632 \u0644\u0628\u0647\u200c\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc \u062e\u0648\u062f \u0641\u0627\u0635\u0644\u0647 \u062f\u0627\u0631\u062f \u0648 \u0633\u0627\u06cc\u0647\u200c\u0627\u06cc \u0645\u0644\u0627\u06cc\u0645 \u0628\u0631\u0627\u06cc \u062c\u0644\u0648\u0647 \u062f\u0627\u062f\u0646 \u0628\u0647 \u0639\u0645\u0642 \u0622\u0646 \u062a\u0639\u0631\u06cc\u0641 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/li>\n<\/ul>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong> \u0634\u06a9\u0644 \u0638\u0627\u0647\u0631\u06cc \u0627\u062c\u0632\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628:<\/strong><\/li>\n<\/ol>\n\n\n\n<p>\u06a9\u062f\u060c \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u062c\u062f\u0627\u06af\u0627\u0646\u0647\u200c\u0627\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0628\u062e\u0634\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0645\u0627\u0646\u0646\u062f \u0635\u0641\u062d\u0647\u200c\u06cc \u0646\u0645\u0627\u06cc\u0634\u060c \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u060c \u0639\u0645\u0644\u06af\u0631\u0647\u0627 (\u0639\u0644\u0627\u0626\u0645 \u062c\u0645\u0639 \u0648 \u0636\u0631\u0628 \u0648 \u063a\u06cc\u0631\u0647)\u060c \u0628\u062e\u0634 \u0627\u0639\u062f\u0627\u062f \u0648 \u062f\u06a9\u0645\u0647\u200c\u06cc \u0645\u0633\u0627\u0648\u06cc \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a.<\/p>\n\n\n<div class=\"jet-listing-grid--50121\" style=\"\"><div class=\"jet-listing-dynamic-field-block zht-maktab-khooneh-course cb-fb2qc30r\"data-is-block=\"jet-engine\/dynamic-field\"><div class=\"jet-listing-dynamic-field__content\" >\n<div class=\"course-card\">\n    <div class=\"course-card-img\">\n        <img decoding=\"async\" \n            data-src=\"https:\/\/media1.maktabkhooneh.org\/CACHE\/images\/courses\/images\/front_gcZ5ulR_1403-08-16-164827889\/eb15a124ff8961e6f5a4178684ece70c.webp?expire=4893471932&#038;token=0416681717d9beb623a1202e6efcac1b&#038;md5=BBZoFxfZvrYjoSAubvysGw==\" \n            alt=\"\u0622\u0645\u0648\u0632\u0634 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0633\u0627\u06cc\u062a (Front-End)\" \n            title=\"\u0622\u0645\u0648\u0632\u0634 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0633\u0627\u06cc\u062a (Front-End)\" \n            width=\"100%\" \n            height=\"auto\"\n           \n         src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n    <\/div>\n\n    <div class=\"course-details\">\n        <a href=\"https:\/\/maktabkhooneh.org\/course\/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-front-end-mk3\/\" class=\"course-title\" target=\"_blank\" rel=\"noopener noreferrer\">\n            \u0622\u0645\u0648\u0632\u0634 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0633\u0627\u06cc\u062a (Front-End)        <\/a>\n\n        <div class=\"course-price\">\n            \n                <span class=\"real-price\">\n                                            \u06f9\u06f9\u06f9,\u06f0\u06f0\u06f0                                    <\/span>\n\n                <span>\n                    <span class=\"discounted-price\">\n                        \u06f5\u06f9\u06f9,\u06f4\u06f0\u06f0                    <\/span>\n                    <span class=\"price-currency\">\u062a\u0648\u0645\u0627\u0646<\/span>\n                <\/span>\n\n                                    <div class=\"discount-percentage\">\n                        \u06f4\u06f0%                    <\/div>\n                \n                    <\/div>\n        <button class=\"course-cta-button\" data-course-url=\"https:\/\/maktabkhooneh.org\/course\/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-front-end-mk3\/\">\n            \u0645\u0634\u0627\u0647\u062f\u0647 \u0648 \u062e\u0631\u06cc\u062f        <\/button>\n    <\/div>\n<\/div>\n<\/div><\/div><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>\u0628\u0631\u0627\u06cc \u0635\u0641\u062d\u0647\u200c\u06cc \u0646\u0645\u0627\u06cc\u0634 (class: input) \u06cc\u06a9 \u06a9\u0627\u062f\u0631 \u0628\u0627 \u06af\u0648\u0634\u0647\u200c\u0647\u0627\u06cc \u06af\u0631\u062f \u0648 \u0627\u0631\u062a\u0641\u0627\u0639 \u06f6\u06f0 \u067e\u06cc\u06a9\u0633\u0644 \u062f\u0631 \u0646\u0638\u0631 \u06af\u0631\u0641\u062a\u0647 \u0634\u062f\u0647 \u06a9\u0647 \u062e\u0631\u0648\u062c\u06cc \u0645\u062d\u0627\u0633\u0628\u0627\u062a \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/li>\n\n\n\n<li>\u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 (class: operators div \u0648 class: numbers div) \u0647\u0645\u06af\u06cc \u062f\u0627\u0631\u0627\u06cc \u0634\u06a9\u0644 \u0638\u0627\u0647\u0631\u06cc \u0645\u0634\u0627\u0628\u0647\u06cc \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u0634\u0627\u0645\u0644 \u06cc\u06a9 \u06a9\u0627\u062f\u0631 \u0628\u0627 \u06af\u0648\u0634\u0647\u200c\u0647\u0627\u06cc \u06af\u0631\u062f\u060c \u0639\u0631\u0636 \u06f8\u06f0 \u067e\u06cc\u06a9\u0633\u0644 \u0648 \u062d\u0627\u0634\u06cc\u0647\u200c\u0647\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u0641\u0627\u0635\u0644\u0647 \u06af\u0631\u0641\u062a\u0646 \u0627\u0632 \u06cc\u06a9\u062f\u06cc\u06af\u0631 \u0627\u0633\u062a. \u0631\u0646\u06af \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0628\u0631\u0627\u06cc \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0627\u0639\u062f\u0627\u062f (#f9f9f9) \u06a9\u0645\u06cc \u0631\u0648\u0634\u0646\u200c\u062a\u0631 \u0627\u0632 \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0639\u0645\u0644\u06af\u0631\u0647\u0627 (#ddd\u200e\u200e) \u0627\u0646\u062a\u062e\u0627\u0628 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/li>\n\n\n\n<li>\u062f\u06a9\u0645\u0647\u200c\u06cc \u0645\u0633\u0627\u0648\u06cc (div.equal) \u062f\u0627\u0631\u0627\u06cc \u0631\u0646\u06af \u0622\u0628\u06cc \u0628\u0631\u062c\u0633\u062a\u0647\u200c\u062a\u0631\u06cc (#\u06f4\u200ed90fe) \u0646\u0633\u0628\u062a \u0628\u0647 \u0633\u0627\u06cc\u0631 \u062f\u06a9\u0645\u0647\u200c\u0647\u0627 \u0627\u0633\u062a \u0648 \u06a9\u0644 \u0627\u0631\u062a\u0641\u0627\u0639 \u0628\u0627\u0642\u06cc\u0645\u0627\u0646\u062f\u0647\u200c\u06cc \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0631\u0627 \u0627\u0634\u063a\u0627\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f \u062a\u0627 \u0628\u0647 \u062e\u0648\u0628\u06cc \u0646\u0645\u0627\u06cc\u0627\u0646 \u0628\u0627\u0634\u062f.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"739\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2024\/05\/2afd6c3c-912d-433d-bb08-ae0bd72506bf.jpg\" alt=\"\u0642\u0637\u0639\u0647 \u06a9\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0633\u0627\u062e\u062a \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628\" class=\"wp-image-39274 lazyload\" title=\"\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2024\/05\/2afd6c3c-912d-433d-bb08-ae0bd72506bf.jpg 1024w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/2afd6c3c-912d-433d-bb08-ae0bd72506bf-300x217.jpg.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/2afd6c3c-912d-433d-bb08-ae0bd72506bf-768x554.jpg.webp 768w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/739;\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u0642\u0637\u0639\u0647 \u06a9\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0633\u0627\u062e\u062a \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628<\/h3>\n\n\n\n<p>\u0642\u0633\u0645\u062a \u0646\u0647\u0627\u06cc\u06cc \u062f\u0631 \u0622\u0645\u0648\u0632\u0634 \u0633\u0627\u062e\u062a \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0628\u0627 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u06a9\u062f\u0647\u0627\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0633\u062a. \u06a9\u062f \u0632\u06cc\u0631 \u0628\u062e\u0634 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0627 \u06af\u0631\u0641\u062a\u0646 \u06a9\u0644\u06cc\u06a9 \u0631\u0648\u06cc \u062f\u06a9\u0645\u0647\u200c\u0647\u0627 \u0648 \u067e\u0631\u062f\u0627\u0632\u0634 \u0627\u0639\u062f\u0627\u062f \u0648 \u0639\u0644\u0627\u0626\u0645\u060c \u0645\u062d\u0627\u0633\u0628\u0627\u062a \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u062f\u0647\u062f \u0631\u0627 \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0647 \u0627\u0633\u062a:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">\"use strict\";\n\nvar input = document.getElementById('input'), \/\/ input\/output button\n  number = document.querySelectorAll('.numbers div'), \/\/ number buttons\n  operator = document.querySelectorAll('.operators div'), \/\/ operator buttons\n  result = document.getElementById('result'), \/\/ equal button\n  clear = document.getElementById('clear'), \/\/ clear button\n  resultDisplayed = false; \/\/ flag to keep an eye on what output is displayed\n\n\/\/ adding click handlers to number buttons\nfor (var i = 0; i &lt; number.length; i++) {\n  number[i].addEventListener(\"click\", function(e) {\n\n    \/\/ storing current input string and its last character in variables - used later\n    var currentString = input.innerHTML;\n    var lastChar = currentString[currentString.length - 1];\n\n    \/\/ if result is not diplayed, just keep adding\n    if (resultDisplayed === false) {\n      input.innerHTML += e.target.innerHTML;\n    } else if (resultDisplayed === true &amp;&amp; lastChar === \"+\" || lastChar === \"-\" || lastChar === \"\u00d7\" || lastChar === \"\u00f7\") {\n      \/\/ if result is currently displayed and user pressed an operator\n      \/\/ we need to keep on adding to the string for next operation\n      resultDisplayed = false;\n      input.innerHTML += e.target.innerHTML;\n    } else {\n      \/\/ if result is currently displayed and user pressed a number\n      \/\/ we need clear the input string and add the new input to start the new opration\n      resultDisplayed = false;\n      input.innerHTML = \"\";\n      input.innerHTML += e.target.innerHTML;\n    }\n\n  });\n}\n\n\/\/ adding click handlers to number buttons\nfor (var i = 0; i &lt; operator.length; i++) {\n  operator[i].addEventListener(\"click\", function(e) {\n\n    \/\/ storing current input string and its last character in variables - used later\n    var currentString = input.innerHTML;\n    var lastChar = currentString[currentString.length - 1];\n\n    \/\/ if last character entered is an operator, replace it with the currently pressed one\n    if (lastChar === \"+\" || lastChar === \"-\" || lastChar === \"\u00d7\" || lastChar === \"\u00f7\") {\n      var newString = currentString.substring(0, currentString.length - 1) + e.target.innerHTML;\n      input.innerHTML = newString;\n    } else if (currentString.length == 0) {\n      \/\/ if first key pressed is an opearator, don't do anything\n      console.log(\"enter a number first\");\n    } else {\n      \/\/ else just add the operator pressed to the input\n      input.innerHTML += e.target.innerHTML;\n    }\n\n  });\n}\n\n\/\/ on click of 'equal' button\nresult.addEventListener(\"click\", function() {\n\n  \/\/ this is the string that we will be processing eg. -10+26+33-56*34\/23\n  var inputString = input.innerHTML;\n\n  \/\/ forming an array of numbers. eg for above string it will be: numbers = [\"10\", \"26\", \"33\", \"56\", \"34\", \"23\"]\n  var numbers = inputString.split(\/\\+|\\-|\\\u00d7|\\\u00f7\/g);\n\n  \/\/ forming an array of operators. for above string it will be: operators = [\"+\", \"+\", \"-\", \"*\", \"\/\"]\n  \/\/ first we replace all the numbers and dot with empty string and then split\n  var operators = inputString.replace(\/[0-9]|\\.\/g, \"\").split(\"\");\n\n  console.log(inputString);\n  console.log(operators);\n  console.log(numbers);\n  console.log(\"----------------------------\");\n\n  \/\/ now we are looping through the array and doing one operation at a time.\n  \/\/ first divide, then multiply, then subtraction and then addition\n  \/\/ as we move we are alterning the original numbers and operators array\n  \/\/ the final element remaining in the array will be the output\n\n  var divide = operators.indexOf(\"\u00f7\");\n  while (divide != -1) {\n    numbers.splice(divide, 2, numbers[divide] \/ numbers[divide + 1]);\n    operators.splice(divide, 1);\n    divide = operators.indexOf(\"\u00f7\");\n  }\n\n  var multiply = operators.indexOf(\"\u00d7\");\n  while (multiply != -1) {\n    numbers.splice(multiply, 2, numbers[multiply] * numbers[multiply + 1]);\n    operators.splice(multiply, 1);\n    multiply = operators.indexOf(\"\u00d7\");\n  }\n\n  var subtract = operators.indexOf(\"-\");\n  while (subtract != -1) {\n    numbers.splice(subtract, 2, numbers[subtract] - numbers[subtract + 1]);\n    operators.splice(subtract, 1);\n    subtract = operators.indexOf(\"-\");\n  }\n\n  var add = operators.indexOf(\"+\");\n  while (add != -1) {\n    \/\/ using parseFloat is necessary, otherwise it will result in string concatenation :)\n    numbers.splice(add, 2, parseFloat(numbers[add]) + parseFloat(numbers[add + 1]));\n    operators.splice(add, 1);\n    add = operators.indexOf(\"+\");\n  }\n\n  input.innerHTML = numbers[0]; \/\/ displaying the output\n\n  resultDisplayed = true; \/\/ turning flag if result is displayed\n});\n\n\/\/ clearing the input on press of clear\nclear.addEventListener(\"click\", function() {\n  input.innerHTML = \"\";\n})<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">\u06f1. \u062a\u0639\u0631\u06cc\u0641 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627:<\/h4>\n\n\n\n<p>\u062f\u0631 \u0627\u0628\u062a\u062f\u0627\u06cc \u06a9\u062f\u060c \u062a\u0639\u062f\u0627\u062f\u06cc \u0645\u062a\u063a\u06cc\u0631 \u062a\u0639\u0631\u06cc\u0641 \u0634\u062f\u0647\u200c\u0627\u0646\u062f \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0631\u062f\u0646 \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627\u06cc HTML \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 (\u0645\u062b\u0644 \u0635\u0641\u062d\u0647\u200c\u06cc \u0646\u0645\u0627\u06cc\u0634\u060c \u062f\u06a9\u0645\u0647\u200c\u0647\u0627 \u0648 \u063a\u06cc\u0631\u0647) \u0648 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0646\u06af\u0647\u200c\u062f\u0627\u0634\u062a\u0646 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u0648\u0642\u062a \u062f\u0631 \u062d\u06cc\u0646 \u0645\u062d\u0627\u0633\u0628\u0627\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/p>\n\n\n<div class=\"jet-listing-grid--50192\" style=\"\"><section class=\"zht-related-post\" itemscope=\"\" itemtype=\"https:\/\/schema.org\/Article\" role=\"region\"\n  aria-label=\"Related article\">\n  <div class=\"zht-related-post-section-label\">\n    \u0645\u0637\u0627\u0644\u0628 \u0645\u0631\u062a\u0628\u0637\n  <\/div>\n  <img decoding=\"async\" width=\"300\" height=\"207\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/7cc19f75-b7ea-416a-95e6-6f61d149d308-300x207.jpg.webp\" class=\"attachment-medium size-medium wp-post-image lazyload\" alt=\"\u0628\u062e\u0634 \u0639\u0645\u0644\u06cc: \u0622\u0645\u0648\u0632\u0634 \u06af\u0627\u0645\u200c\u0628\u0647\u200c\u06af\u0627\u0645 \u0646\u0648\u0634\u062a\u0646 \u06a9\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0633\u06cc\u0627\u0647\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/7cc19f75-b7ea-416a-95e6-6f61d149d308-300x207.jpg.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/7cc19f75-b7ea-416a-95e6-6f61d149d308-768x531.jpg.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2024\/05\/7cc19f75-b7ea-416a-95e6-6f61d149d308.jpg 1024w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/207;\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/black-javascript\/\" class=\"zht-related-post-title\"\n    itemprop=\"headline\" target=\"_blank\">\u0622\u0645\u0648\u0632\u0634 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0633\u06cc\u0627\u0647 &#8211; \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u0633\u0627\u062f\u0647 \u0648 \u0645\u062e\u062a\u0635\u0631<\/a>\n<\/section><\/div>\n\n\n<h4 class=\"wp-block-heading\">\u06f2. \u0631\u0648\u06cc\u062f\u0627\u062f \u06a9\u0644\u06cc\u06a9 \u0628\u0631\u0627\u06cc \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0639\u062f\u062f\u06cc:<\/h4>\n\n\n\n<p>\u0628\u062e\u0634 \u0628\u0639\u062f\u06cc \u0627\u0632 \u06a9\u062f\u060c \u0631\u0648\u06cc\u062f\u0627\u062f \u06a9\u0644\u06cc\u06a9 \u0631\u0627 \u0628\u0631\u0627\u06cc \u062a\u0645\u0627\u0645 \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0639\u062f\u062f\u06cc \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0631\u0648\u06cc \u06cc\u06a9 \u062f\u06a9\u0645\u0647\u200c\u06cc \u0639\u062f\u062f\u06cc \u06a9\u0644\u06cc\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u06a9\u062f \u062f\u0627\u062e\u0644 \u0627\u06cc\u0646 \u0631\u0648\u06cc\u062f\u0627\u062f \u0627\u062c\u0631\u0627 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n\n\n<div class=\"jet-listing-grid--50121\" style=\"\"><div class=\"jet-listing-dynamic-field-block zht-maktab-khooneh-course cb-fb2qc30r\"data-is-block=\"jet-engine\/dynamic-field\"><div class=\"jet-listing-dynamic-field__content\" >\n<div class=\"course-card\">\n    <div class=\"course-card-img\">\n        <img decoding=\"async\" \n            data-src=\"https:\/\/media1.maktabkhooneh.org\/CACHE\/images\/courses\/images\/HTML_Qhq5DTI_1403-08-16-164537770\/8baf27066913f44bec32b4534a429d52.webp?expire=4893471932&#038;token=afbe4b4cb4fedc0da3e390b25320ffc0&#038;md5=r75LTLT-3A2j45CyUyD_wA==\" \n            alt=\"\u0622\u0645\u0648\u0632\u0634 HTML \u0648 CSS\" \n            title=\"\u0622\u0645\u0648\u0632\u0634 HTML \u0648 CSS\" \n            width=\"100%\" \n            height=\"auto\"\n           \n         src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n    <\/div>\n\n    <div class=\"course-details\">\n        <a href=\"https:\/\/maktabkhooneh.org\/course\/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C-html-css-mk865\/\" class=\"course-title\" target=\"_blank\" rel=\"noopener noreferrer\">\n            \u0622\u0645\u0648\u0632\u0634 HTML \u0648 CSS        <\/a>\n\n        <div class=\"course-price\">\n            \n                <span class=\"real-price\">\n                                            \u06f1,\u06f4\u06f9\u06f9,\u06f0\u06f0\u06f0                                    <\/span>\n\n                <span>\n                    <span class=\"discounted-price\">\n                        \u06f5\u06f9\u06f9,\u06f6\u06f0\u06f0                    <\/span>\n                    <span class=\"price-currency\">\u062a\u0648\u0645\u0627\u0646<\/span>\n                <\/span>\n\n                                    <div class=\"discount-percentage\">\n                        \u06f6\u06f0%                    <\/div>\n                \n                    <\/div>\n        <button class=\"course-cta-button\" data-course-url=\"https:\/\/maktabkhooneh.org\/course\/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C-html-css-mk865\/\">\n            \u0645\u0634\u0627\u0647\u062f\u0647 \u0648 \u062e\u0631\u06cc\u062f        <\/button>\n    <\/div>\n<\/div>\n<\/div><\/div><\/div>\n\n\n<p>\u0645\u0631\u0627\u062d\u0644 \u0627\u0646\u062c\u0627\u0645\u200c\u0634\u062f\u0647 \u062f\u0631 \u0627\u06cc\u0646 \u0642\u0633\u0645\u062a \u0628\u0647 \u0634\u0631\u062d \u0632\u06cc\u0631 \u0627\u0633\u062a:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u0627\u0628\u062a\u062f\u0627 \u0645\u0642\u062f\u0627\u0631 \u0641\u0639\u0644\u06cc \u0646\u0648\u0634\u062a\u0647\u200c\u0634\u062f\u0647 \u062f\u0631 \u0635\u0641\u062d\u0647\u200c\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0648 \u0622\u062e\u0631\u06cc\u0646 \u06a9\u0627\u0631\u0627\u06a9\u062a\u0631 \u0622\u0646 \u062f\u0631 \u062f\u0648 \u0645\u062a\u063a\u06cc\u0631 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\n\n\n\n<li>\u0633\u067e\u0633 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f \u06a9\u0647 \u0622\u06cc\u0627 \u062f\u0631 \u062d\u0627\u0644 \u062d\u0627\u0636\u0631 \u062e\u0631\u0648\u062c\u06cc \u0645\u062d\u0627\u0633\u0628\u0647 \u0642\u0628\u0644\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a \u06cc\u0627 \u062e\u06cc\u0631 (resultDisplayed).\n<ul class=\"wp-block-list\">\n<li>\u0627\u06af\u0631 \u0646\u062a\u06cc\u062c\u0647\u200c\u06cc \u0645\u062d\u0627\u0633\u0628\u0647 \u0642\u0628\u0644\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0646\u0634\u062f\u0647 \u0628\u0627\u0634\u062f (\u06cc\u0639\u0646\u06cc \u062f\u0631 \u062d\u0627\u0644 \u0648\u0627\u0631\u062f \u06a9\u0631\u062f\u0646 \u0627\u0639\u062f\u0627\u062f \u062c\u062f\u06cc\u062f \u0647\u0633\u062a\u06cc\u0645)\u060c \u0639\u062f\u062f \u0641\u0634\u0631\u062f\u0647 \u0634\u062f\u0647 \u0628\u0647\u200c\u0633\u0627\u062f\u06af\u06cc \u0628\u0647 \u0646\u0648\u0634\u062a\u0647\u200c\u06cc \u0641\u0639\u0644\u06cc \u0635\u0641\u062d\u0647\u200c\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\n\n\n\n<li>\u0627\u06af\u0631 \u0646\u062a\u06cc\u062c\u0647\u200c\u06cc \u0645\u062d\u0627\u0633\u0628\u0647\u200c\u06cc \u0642\u0628\u0644\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0628\u0627\u0634\u062f \u0648 \u0622\u062e\u0631\u06cc\u0646 \u06a9\u0627\u0631\u0627\u06a9\u062a\u0631 \u0648\u0627\u0631\u062f \u0634\u062f\u0647 \u06cc\u06a9 \u0639\u0645\u0644\u06af\u0631 (+\u060c -\u060c \u00d7\u060c \u00f7) \u0628\u0627\u0634\u062f\u060c \u0627\u06cc\u0646 \u0628\u0647 \u0645\u0639\u0646\u06cc \u0622\u0646 \u0627\u0633\u062a \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u062f \u06cc\u06a9 \u0645\u062d\u0627\u0633\u0628\u0647\u200c\u06cc \u062c\u062f\u06cc\u062f \u0631\u0627 \u0628\u0627 \u0647\u0645\u0627\u0646 \u0639\u062f\u062f \u0642\u0628\u0644\u06cc \u0634\u0631\u0648\u0639 \u06a9\u0646\u062f. \u067e\u0633 \u067e\u0631\u0686\u0645 resultDisplayed \u0628\u0647 False \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0648 \u0639\u062f\u062f \u062c\u062f\u06cc\u062f \u0628\u0647 \u0635\u0641\u062d\u0647\u200c\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\n\n\n\n<li>\u062f\u0631 \u0635\u0648\u0631\u062a\u06cc \u06a9\u0647 \u0646\u062a\u06cc\u062c\u0647\u200c\u06cc \u0645\u062d\u0627\u0633\u0628\u0647\u200c\u06cc \u0642\u0628\u0644\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0628\u0627\u0634\u062f \u0648 \u06a9\u0627\u0631\u0628\u0631 \u06cc\u06a9 \u0639\u062f\u062f \u062c\u062f\u06cc\u062f \u0648\u0627\u0631\u062f \u06a9\u0646\u062f\u060c \u06a9\u0644 \u0646\u0648\u0634\u062a\u0647\u200c\u06cc \u0635\u0641\u062d\u0647\u200c\u06cc \u0646\u0645\u0627\u06cc\u0634 \u067e\u0627\u06a9 \u0634\u062f\u0647 \u0648 \u0639\u062f\u062f \u062c\u062f\u06cc\u062f \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0634\u0631\u0648\u0639 \u06cc\u06a9 \u0645\u062d\u0627\u0633\u0628\u0647\u200c\u06cc \u062c\u062f\u06cc\u062f \u062f\u0631 \u0646\u0638\u0631 \u06af\u0631\u0641\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\u06f3. \u0631\u0648\u06cc\u062f\u0627\u062f \u06a9\u0644\u06cc\u06a9 \u0628\u0631\u0627\u06cc \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0639\u0645\u0644\u06af\u0631\u0647\u0627:<\/h3>\n\n\n\n<p>\u0627\u06cc\u0646 \u0628\u062e\u0634 \u0627\u0632 \u06a9\u062f \u0633\u0627\u062e\u062a \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0628\u0627 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u0634\u0627\u0628\u0647 \u0628\u062e\u0634 \u0642\u0628\u0644 \u0627\u0633\u062a \u0627\u0645\u0627 \u0628\u0631\u0627\u06cc \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0639\u0645\u0644\u06af\u0631 (+\u060c -\u060c \u00d7\u060c \u00f7) \u062a\u0639\u0631\u06cc\u0641 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n\n\n\n<p>\u0645\u0631\u0627\u062d\u0644 \u0627\u0646\u062c\u0627\u0645\u200c\u0634\u062f\u0647 \u062f\u0631 \u0627\u06cc\u0646 \u0642\u0633\u0645\u062a \u0628\u0647 \u0634\u0631\u062d \u0632\u06cc\u0631 \u0627\u0633\u062a:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u0634\u0628\u06cc\u0647 \u0628\u0647 \u0628\u062e\u0634 \u0642\u0628\u0644\u060c \u0645\u0642\u062f\u0627\u0631 \u0641\u0639\u0644\u06cc \u0646\u0648\u0634\u062a\u0647\u200c\u0634\u062f\u0647 \u062f\u0631 \u0635\u0641\u062d\u0647\u200c\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0648 \u0622\u062e\u0631\u06cc\u0646 \u06a9\u0627\u0631\u0627\u06a9\u062a\u0631 \u0622\u0646 \u062f\u0631 \u062f\u0648 \u0645\u062a\u063a\u06cc\u0631 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\n\n\n\n<li>\u0633\u067e\u0633 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f \u06a9\u0647 \u0622\u062e\u0631\u06cc\u0646 \u06a9\u0627\u0631\u0627\u06a9\u062a\u0631 \u0648\u0627\u0631\u062f \u0634\u062f\u0647 \u06cc\u06a9 \u0639\u0645\u0644\u06af\u0631 \u0628\u0627\u0634\u062f \u06cc\u0627 \u062e\u06cc\u0631.\n<ul class=\"wp-block-list\">\n<li>\u0627\u06af\u0631 \u0622\u062e\u0631\u06cc\u0646 \u06a9\u0627\u0631\u0627\u06a9\u062a\u0631 \u06cc\u06a9 \u0639\u0645\u0644\u06af\u0631 \u0628\u0627\u0634\u062f\u060c \u0628\u0627 \u0639\u0645\u0644\u06af\u0631 \u062c\u062f\u06cc\u062f \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0645\u06cc\u200c\u0634\u0648\u062f (\u0628\u0631\u0627\u06cc \u0645\u062b\u0627\u0644 \u0627\u06af\u0631 \u0631\u0648\u06cc \u062f\u06a9\u0645\u0647\u200c\u06cc + \u062f\u0648\u0628\u0627\u0631 \u06a9\u0644\u06cc\u06a9 \u0634\u0648\u062f\u060c \u0647\u06cc\u0686 \u0627\u062a\u0641\u0627\u0642\u06cc \u0646\u0645\u06cc\u200c\u0627\u0641\u062a\u062f).<\/li>\n\n\n\n<li>\u0627\u06af\u0631 \u0627\u0648\u0644\u06cc\u0646 \u06a9\u0644\u06cc\u062f \u0641\u0634\u0631\u062f\u0647 \u0634\u062f\u0647 \u06cc\u06a9 \u0639\u0645\u0644\u06af\u0631 \u0628\u0627\u0634\u062f\u060c \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0627\u062e\u0637\u0627\u0631 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u06a9\u0647 \u0627\u0628\u062a\u062f\u0627 \u0628\u0627\u06cc\u062f \u06cc\u06a9 \u0639\u062f\u062f \u0648\u0627\u0631\u062f \u06a9\u0646\u062f.<\/li>\n\n\n\n<li>\u062f\u0631 \u063a\u06cc\u0631 \u0627\u06cc\u0646 \u0635\u0648\u0631\u062a\u060c \u0639\u0645\u0644\u06af\u0631 \u0641\u0634\u0631\u062f\u0647 \u0634\u062f\u0647 \u0628\u0647 \u0646\u0648\u0634\u062a\u0647\u200c\u06cc \u0641\u0639\u0644\u06cc \u0635\u0641\u062d\u0647\u200c\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\u06f4. \u0631\u0648\u06cc\u062f\u0627\u062f \u06a9\u0644\u06cc\u06a9 \u0628\u0631\u0627\u06cc \u062f\u06a9\u0645\u0647\u200c\u06cc \u0645\u0633\u0627\u0648\u06cc:<\/h3>\n\n\n\n<p>\u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0631\u0648\u06cc \u062f\u06a9\u0645\u0647\u200c\u06cc \u0645\u0633\u0627\u0648\u06cc \u06a9\u0644\u06cc\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u06a9\u062f \u062f\u0627\u062e\u0644 \u0627\u06cc\u0646 \u0631\u0648\u06cc\u062f\u0627\u062f \u0627\u062c\u0631\u0627 \u0634\u062f\u0647 \u0648 \u0645\u062d\u0627\u0633\u0628\u0627\u062a \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f.<\/p>\n\n\n\n<p>\u0645\u0631\u0627\u062d\u0644 \u0627\u0646\u062c\u0627\u0645\u200c\u0634\u062f\u0647 \u062f\u0631 \u0627\u06cc\u0646 \u0642\u0633\u0645\u062a \u0628\u0647 \u0634\u0631\u062d \u0632\u06cc\u0631 \u0627\u0633\u062a:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u0627\u0628\u062a\u062f\u0627 \u06a9\u0644 \u0646\u0648\u0634\u062a\u0647\u200c\u06cc \u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u0635\u0641\u062d\u0647\u200c\u06cc \u0646\u0645\u0627\u06cc\u0634 \u06a9\u0647 \u0634\u0627\u0645\u0644 \u0627\u0639\u062f\u0627\u062f \u0648 \u0639\u0645\u0644\u06af\u0631\u0647\u0627 \u0627\u0633\u062a\u060c \u062f\u0631 \u06cc\u06a9 \u0645\u062a\u063a\u06cc\u0631 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f (\u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644\u060c \u0628\u0631\u0627\u06cc &#8220;-\u06f1\u06f0+\u06f2\u06f6+\u06f3\u06f3-\u06f5\u06f6*\u06f3\u06f4\/\u06f2\u06f3&#8221;).<\/li>\n\n\n\n<li>\u0633\u067e\u0633 \u0627\u06cc\u0646 \u0631\u0634\u062a\u0647 \u0628\u0647 \u062f\u0648 \u0622\u0631\u0627\u06cc\u0647 \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u0634\u0648\u062f. \u06cc\u06a9 \u0622\u0631\u0627\u06cc\u0647 \u0634\u0627\u0645\u0644 \u062a\u0645\u0627\u0645 \u0627\u0639\u062f\u0627\u062f (\u0645\u062b\u0644\u0627\u060c [&#8220;-\u06f1\u06f0&#8221;, &#8220;\u06f2\u06f6&#8221;, &#8220;\u06f3\u06f3&#8221;, &#8220;\u06f5\u06f6&#8221;, &#8220;\u06f3\u06f4&#8221;, &#8220;\u06f2\u06f3&#8221;]) \u0648 \u0622\u0631\u0627\u06cc\u0647\u200c\u06cc \u062f\u06cc\u06af\u0631 \u0634\u0627\u0645\u0644 \u062a\u0645\u0627\u0645 \u0639\u0645\u0644\u06af\u0631\u0647\u0627 (\u0645\u062b\u0644\u0627\u060c [&#8220;+&#8221;, &#8220;+&#8221;, &#8220;-&#8220;, &#8220;*&#8221;, &#8220;\/&#8221;]).<\/li>\n\n\n\n<li>\u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0645\u062d\u0627\u0633\u0628\u0627\u062a\u060c \u06a9\u062f \u0628\u0647 \u062a\u0631\u062a\u06cc\u0628 \u0627\u0648\u0644\u0648\u06cc\u062a \u0639\u0645\u0644\u06af\u0631\u0647\u0627 \u0639\u0645\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f (\u062a\u0642\u0633\u06cc\u0645\u060c \u0636\u0631\u0628\u060c \u0645\u0646\u0647\u0627 \u0648 \u062c\u0645\u0639). \u062f\u0631 \u0647\u0631 \u0645\u0631\u062d\u0644\u0647\u060c \u0639\u0645\u0644\u06af\u0631 \u0645\u0631\u0628\u0648\u0637\u0647 \u067e\u06cc\u062f\u0627 \u0634\u062f\u0647 \u0648 \u0639\u0645\u0644 \u0645\u062d\u0627\u0633\u0628\u0647 \u0631\u0648\u06cc \u0627\u0639\u062f\u0627\u062f \u0627\u0637\u0631\u0627\u0641 \u0622\u0646 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0633\u067e\u0633 \u0622\u0646 \u062f\u0648 \u0639\u062f\u062f \u0648 \u0639\u0645\u0644\u06af\u0631 \u0627\u0632 \u0622\u0631\u0627\u06cc\u0647\u200c\u0647\u0627 \u062d\u0630\u0641 \u0634\u062f\u0647 \u0648 \u0628\u0647 \u0633\u0631\u0627\u063a \u0639\u0645\u0644\u06af\u0631 \u0628\u0639\u062f\u06cc \u0645\u06cc\u200c\u0631\u0648\u062f. \u062f\u0631 \u0646\u0647\u0627\u06cc\u062a \u062a\u0646\u0647\u0627 \u06cc\u06a9 \u0639\u062f\u062f \u062f\u0631 \u0622\u0631\u0627\u06cc\u0647\u200c\u06cc \u0627\u0639\u062f\u0627\u062f \u0628\u0627\u0642\u06cc \u0645\u06cc\u200c\u0645\u0627\u0646\u062f \u06a9\u0647 \u062e\u0631\u0648\u062c\u06cc \u0645\u062d\u0627\u0633\u0628\u0647 \u0627\u0633\u062a.<\/li>\n\n\n\n<li>\u062e\u0631\u0648\u062c\u06cc \u0645\u062d\u0627\u0633\u0628\u0647 \u062f\u0631 \u0635\u0641\u062d\u0647\u200c\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0648 \u067e\u0631\u0686\u0645 resultDisplayed \u0646\u06cc\u0632 \u0628\u0631\u0627\u06cc \u0627\u0637\u0644\u0627\u0639 \u0627\u0632 \u0646\u0645\u0627\u06cc\u0634 \u062e\u0631\u0648\u062c\u06cc\u060c \u0628\u0647 True \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\n<\/ul>\n\n\n<div class=\"jet-listing-grid--50192\" style=\"\"><section class=\"zht-related-post\" itemscope=\"\" itemtype=\"https:\/\/schema.org\/Article\" role=\"region\"\n  aria-label=\"Related article\">\n  <div class=\"zht-related-post-section-label\">\n    \u0645\u0637\u0627\u0644\u0628 \u0645\u0631\u062a\u0628\u0637\n  <\/div>\n  <img decoding=\"async\" width=\"300\" height=\"181\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/a-person-sitting-at-a-desk-working-on-a-computer-300x181.png.webp\" class=\"attachment-medium size-medium wp-post-image lazyload\" alt=\"\u0622\u0645\u0648\u0632\u0634 ajax \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/a-person-sitting-at-a-desk-working-on-a-computer-300x181.png.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/a-person-sitting-at-a-desk-working-on-a-computer-768x463.png.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2024\/05\/a-person-sitting-at-a-desk-working-on-a-computer.png 780w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/181;\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/ajax-in-javascript\/\" class=\"zht-related-post-title\"\n    itemprop=\"headline\" target=\"_blank\">\u0622\u0645\u0648\u0632\u0634 Ajax \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0627 \u06f3 \u0631\u0648\u06cc\u06a9\u0631\u062f \u0633\u0627\u062f\u0647<\/a>\n<\/section><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u06f5. \u0631\u0648\u06cc\u062f\u0627\u062f \u06a9\u0644\u06cc\u06a9 \u0628\u0631\u0627\u06cc \u062f\u06a9\u0645\u0647\u200c\u06cc \u067e\u0627\u06a9\u200c\u06a9\u0631\u062f\u0646:<\/h3>\n\n\n\n<p>\u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0631\u0648\u06cc \u062f\u06a9\u0645\u0647\u200c\u06cc \u067e\u0627\u06a9\u200c\u06a9\u0631\u062f\u0646 \u06a9\u0644\u06cc\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u06a9\u062f \u062f\u0627\u062e\u0644 \u0627\u06cc\u0646 \u0631\u0648\u06cc\u062f\u0627\u062f \u0627\u062c\u0631\u0627 \u0634\u062f\u0647 \u0648 \u06a9\u0644 \u0646\u0648\u0634\u062a\u0647\u200c\u06cc \u0635\u0641\u062d\u0647\u200c\u06cc \u0646\u0645\u0627\u06cc\u0634 \u067e\u0627\u06a9 \u0645\u06cc\u200c\u0634\u0648\u062f. \u062e\u0631\u0648\u062c\u06cc \u0646\u0647\u0627\u06cc\u06cc \u0622\u0645\u0648\u0632\u0634 \u0633\u0627\u062e\u062a \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0628\u0627 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" width=\"916\" height=\"656\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2024\/05\/Video_240512192612.gif\" alt=\"\u062e\u0631\u0648\u062c\u06cc \u0646\u0647\u0627\u06cc\u06cc \u0622\u0645\u0648\u0632\u0634 \u0633\u0627\u062e\u062a \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0628\u0627 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\" class=\"wp-image-39271 lazyload\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 916px; --smush-placeholder-aspect-ratio: 916\/656;\"><figcaption><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u06a9\u0644\u0627\u0645 \u067e\u0627\u06cc\u0627\u0646\u06cc<\/h2>\n\n\n\n<p>\u0632\u0628\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc \u0628\u06cc \u0634\u0645\u0627\u0631\u06cc \u062f\u0627\u0631\u062f \u0648 \u06cc\u06a9\u06cc \u0627\u0632 \u067e\u0631\u06a9\u0627\u0631\u0628\u0631\u062f\u062a\u0631\u06cc\u0646 \u0632\u0628\u0627\u0646\u200c\u0647\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u062d\u0627\u0644 \u062d\u0627\u0636\u0631 \u062f\u0646\u06cc\u0627 \u0628\u0647 \u062d\u0633\u0627\u0628 \u0645\u06cc\u200c\u0622\u06cc\u062f. \u0633\u0627\u062e\u062a \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0628\u0627 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0646\u0647\u0627 \u0648 \u062a\u0646\u0647\u0627 \u06cc\u06a9\u06cc \u0627\u0632 \u06a9\u0627\u0631\u0628\u0631\u062f\u0647\u0627\u06cc\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u0632\u0628\u0627\u0646 \u0622\u0646 \u0631\u0627 \u067e\u06cc\u0627\u062f\u0647 \u06a9\u0631\u062f.<\/p>\n\n\n<div class=\"jet-listing-grid--56206\" style=\"\"><div class=\"jet-listing-dynamic-field-block zht-maktab-khooneh-learn cb-ud1ng69u\"data-is-block=\"jet-engine\/dynamic-field\"><div class=\"jet-listing-dynamic-field__content\" >\r\n<div class=\"zht-learn-card\">\r\n    <div class=\"zht-learn-title-section\">\r\n        <div class=\"zht-learn-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"24\" height=\"24\">\r\n                <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\" \/>\r\n            <\/svg>\r\n        <\/div>\r\n        \r\n        <!-- \u0639\u0646\u0648\u0627\u0646 \u062a\u0628\u062f\u06cc\u0644 \u0634\u062f\u0647 \u0628\u0647 \u0644\u06cc\u0646\u06a9 -->\r\n        <a href=\"https:\/\/maktabkhooneh.org\/learn\/java-script\/\" class=\"zht-learn-card-title\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            \u062f\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a        <\/a>\r\n    <\/div>\r\n\r\n    <!-- \u062f\u06a9\u0645\u0647 \u062a\u0628\u062f\u06cc\u0644 \u0634\u062f\u0647 \u0628\u0647 \u062a\u06af button -->\r\n    <!-- \u0627\u0632 onclick \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u062f\u0647 \u062a\u0627 \u0628\u0647 \u0645\u062d\u0636 \u06a9\u0644\u06cc\u06a9 \u0644\u06cc\u0646\u06a9 \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u062f -->\r\n    <button class=\"zht-learn-card-btn\" data-course-url=\"https:\/\/maktabkhooneh.org\/learn\/java-script\/\" onclick=\"window.open(this.getAttribute('data-course-url'), '_blank');\">\r\n        \u0634\u0631\u0648\u0639 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc\r\n    <\/button>\r\n<\/div><\/div><\/div><\/div>\n\n\n<p>\u0627\u06af\u0631 \u0634\u0645\u0627 \u0647\u0645 \u062f\u0648\u0633\u062a \u062f\u0627\u0631\u06cc\u062f \u06a9\u0647 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0648 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u06a9\u0627\u0645\u0644 \u0648 \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u062f\u0631\u06a9 \u0645\u0639\u062a\u0628\u0631 \u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u06cc\u062f\u060c \u0645\u06a9\u062a\u0628 \u062e\u0648\u0646\u0647 \u062f\u0631 \u062e\u062f\u0645\u062a \u0634\u0645\u0627 \u0627\u0633\u062a. \u062f\u0631 \u0645\u06a9\u062a\u0628 \u062e\u0648\u0646\u0647 \u0627\u0646\u0648\u0627\u0639 \u062f\u0648\u0631\u0647 <a href=\"https:\/\/maktabkhooneh.org\/learn\/programming\">\u0622\u0645\u0648\u0632\u0634 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc<\/a>\u060c <a href=\"https:\/\/maktabkhooneh.org\/learn\/web-design\">\u0622\u0645\u0648\u0632\u0634 \u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a<\/a> \u0648 \u0647\u0645\u0686\u0646\u06cc\u0646 <a href=\"https:\/\/maktabkhooneh.org\/learn\/java-script\/\">\u0622\u0645\u0648\u0632\u0634 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/a> \u0645\u0648\u062c\u0648\u062f \u0627\u0633\u062a.<\/p>\n\n\n\n<p>\u0631\u0641\u0631\u0646\u0633: <a href=\"https:\/\/codepen.io\/lalwanivikas\/pen\/eZxjqo\" rel=\"nofollow noopener\" target=\"_blank\">codepen<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0622\u06cc\u0627 \u062a\u0627\u0628\u0647\u200c\u062d\u0627\u0644 \u0641\u06a9\u0631 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u06cc\u06a9 \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0633\u0627\u062f\u0647 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06a9\u062f \u0646\u0648\u06cc\u0633\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f\u061f \u0628\u0644\u0647\u060c \u0628\u0627 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u0628\u0627 \u0627\u06cc\u0646 \u0632\u0628\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u06cc \u0645\u062d\u0628\u0648\u0628\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0634\u062e\u0635\u06cc \u062e\u0648\u062f \u0631\u0627 \u0628\u0633\u0627\u0632\u06cc\u062f \u0648 \u0627\u0632 \u0622\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0637\u0644\u0628 \u0622\u0645\u0648\u0632\u0634\u06cc \u0627\u0632 \u0645\u062c\u0644\u0647 \u0645\u06a9\u062a\u0648\u0628\u060c \u0645\u0627 \u0634\u0645\u0627 \u0631\u0627 \u062f\u0631 \u0633\u0641\u0631\u06cc \u06af\u0627\u0645\u200c\u0628\u0647\u200c\u06af\u0627\u0645 \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a [&hellip;]<\/p>\n","protected":false},"author":28,"featured_media":39272,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,12],"tags":[],"class_list":["post-39270","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programming-and-it-training","category-java-script-articles"],"_links":{"self":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts\/39270","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/comments?post=39270"}],"version-history":[{"count":4,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts\/39270\/revisions"}],"predecessor-version":[{"id":65599,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts\/39270\/revisions\/65599"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/media\/39272"}],"wp:attachment":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/media?parent=39270"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/categories?post=39270"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/tags?post=39270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}