{"id":1566,"date":"2020-11-06T20:24:15","date_gmt":"2020-11-06T16:54:15","guid":{"rendered":"https:\/\/behnudi.ir\/?p=1566"},"modified":"2024-09-04T11:47:27","modified_gmt":"2024-09-04T08:17:27","slug":"js06-conditions1","status":"publish","type":"post","link":"https:\/\/behnudi.ir\/?p=1566","title":{"rendered":"\u062c\u0627\u0648\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a: \u06f6- \u06a9\u0627\u0646\u062f\u06cc\u0634\u0646 \u06f1"},"content":{"rendered":"<h2>\u0634\u0631\u0637 &#8211; Conditions<\/h2>\n<p>\u062f\u0631 \u062c\u0627\u0648\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0634\u0631\u0637 \u0631\u0627 \u0628\u0647 \u0633\u0647 \u06af\u0648\u0646\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0646\u0648\u0634\u062a.<\/p>\n<ul>\n<li>?<\/li>\n<li>if<\/li>\n<li>Switch<\/li>\n<\/ul>\n<p>\u0647\u0645\u0647 \u0622\u0646\u0647\u0627 \u0631\u0627 \u0628\u0627\u06cc\u062f \u06cc\u0627\u062f \u06af\u0631\u0641\u062a \u0648 \u062f\u0631 \u0647\u0631 \u062c\u0627\u06cc\u06cc \u0622\u0646 \u0631\u0648\u0634\u06cc \u0631\u0627 \u06a9\u0647 \u0633\u0627\u062f\u0647\u200c\u062a\u0631 \u0627\u0633\u062a\u060c \u0628\u0647 \u06a9\u0627\u0631 \u0628\u0631\u062f.<\/p>\n<h3>\u062a\u0650\u0631\u0646\u0650\u0631\u06cc &#8211; Ternary (?)<\/h3>\n<p><strong>\u062a\u0631\u0646\u0631\u06cc<\/strong> \u0633\u0627\u062f\u0647\u200c\u062a\u0631\u06cc\u0646 \u0641\u0631\u0645 \u0634\u0631\u0637 \u0627\u0633\u062a. \u0648 \u0686\u0648\u0646 \u0627\u0632 \u0633\u0647 \u0628\u062e\u0634 \u062a\u0634\u06a9\u06cc\u0644 \u0645\u06cc\u200c\u0634\u0648\u062f\u060c \u0622\u0646 \u0631\u0627 \u062a\u0631\u0646\u0631\u06cc \u0628\u0647 \u0645\u0639\u0646\u0627\u06cc \u0633\u0647\u200c\u062a\u0627\u06cc\u06cc \u0645\u06cc\u200c\u0646\u0627\u0645\u0646\u062f.<br \/>\n<img decoding=\"async\" class=\"aligncenter size-full wp-image-837\" src=\"https:\/\/behnudi.ir\/f\/js1\/06\/img\/ternary.png\" \/><\/p>\n<h4><i style=\"color: purple;\">condition<\/i> <mark>?<\/mark> valueTrue <mark>:<\/mark> valueFalse<\/h4>\n<pre><code class=\"javascript\">\r\nlet x = 5;\r\n\r\nlet a = (x &gt; 0) ? 10 : 20;        \/\/ a = 10\r\n\r\nlet b = (x &lt; 0) ? 10 : 20;        \/\/ b = 20\r\n\r\n<\/code><\/pre>\n<h4>\u0645\u062b\u0627\u0644<\/h4>\n<p>\u062f\u0631 \u0645\u062b\u0627\u0644 \u0632\u06cc\u0631 \u06cc\u06a9 \u0639\u062f\u062f \u0631\u0627 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f \u0648 \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0645\u062b\u0628\u062a \u0627\u0633\u062a \u06cc\u0627 \u0645\u0646\u0641\u06cc.<\/p>\n<div class=\"code-header\">HTML<\/div>\n<pre><code class=\"html\">\r\n&lt;input type=\"text\" id=\"in-box\"&gt;\r\n&lt;button id=\"btn\"&gt;OK&lt;\/button&gt;        \r\n&lt;h1 id=\"out-box\"&gt;&lt;\/h1&gt;    \r\n\r\n<\/code><\/pre>\n<div class=\"code-header\">JS<\/div>\n<pre><code class=\"javascript\">\r\nconst inBox = document.getElementById(\"in-box\");\r\nconst outBox = document.getElementById(\"out-box\");\r\nconst btn = document.getElementById(\"btn\");\r\n\r\nbtn.onclick = function() {\r\n\r\n    let numVal = inBox.value;\r\n\r\n    <mark>let numType = (numVal &lt; 0) ? \"negative\" : \"positive\";<\/mark>\r\n\r\n    outBox.innerHTML = numType;\r\n}\r\n\r\n<\/code><\/pre>\n<p><iframe loading=\"lazy\" src=\"https:\/\/behnudi.ir\/f\/js1\/06\/01\" width=\"640\" height=\"360\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<h4>\u0645\u062b\u0627\u0644<\/h4>\n<p>\u062f\u0631 \u0645\u062b\u0627\u0644 \u0632\u06cc\u0631 \u06cc\u06a9 \u062a\u0635\u0648\u06cc\u0631 SVG \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0627\u0632 \u062f\u0648 \u0644\u0627\u06cc\u0647 \u062a\u0634\u06a9\u06cc\u0644 \u0634\u062f\u0647 \u0627\u0633\u062a. \u0644\u0627\u06cc\u0647\u0654 \u0632\u06cc\u0631\u060c \u0646\u0642\u0631\u0647\u200c\u0627\u06cc \u0648 \u0644\u0627\u06cc\u0647\u0654 \u0631\u0648\u060c \u0632\u0631\u062f \u0627\u0633\u062a. \u0628\u0627 \u06a9\u0644\u06cc\u06a9 \u06a9\u0631\u062f\u0646 \u0631\u0648\u06cc \u06a9\u0644\u06cc\u062f\u060c \u06cc\u06a9 \u0628\u0627\u0631 \u062f\u0631 \u0645\u06cc\u0627\u0646\u060c \u0644\u0627\u06cc\u0647\u0654 \u0631\u0648 (\u06a9\u0647 \u0632\u0631\u062f \u0631\u0646\u06af \u0627\u0633\u062a)\u060c \u067e\u0646\u0647\u0627\u0646 \u06cc\u0627 \u067e\u06cc\u062f\u0627 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<div class=\"code-header\">HTML<\/div>\n<pre><code class=\"html\">\r\n&lt;g id=\"on\"&gt; ... &lt;\/g&gt;\r\n...\r\n&lt;div id=\"power\"&gt;Power&lt;\/div&gt;\r\n\r\n<\/code><\/pre>\n<div class=\"code-header\">JS<\/div>\n<pre><code class=\"javascript\">\r\nconst on = document.getElementById(\"on\");\r\nconst power = document.getElementById(\"power\");\r\n\r\npower.onclick = function() {\r\n\r\n    let light = on.style.display;\r\n\r\n    <mark>light = (light == \"none\") ? \"block\" : \"none\";<\/mark>\r\n\r\n    on.style.display = light;\r\n\r\n}\r\n\r\n<\/code><\/pre>\n<p><iframe loading=\"lazy\" src=\"https:\/\/behnudi.ir\/f\/js1\/06\/02\" width=\"640\" height=\"640\"><\/iframe><\/p>\n<hr \/>\n<p><video controls=\"controls\"><source src=\"https:\/\/behnudi.ir\/f\/js1\/06\/js1061.mp4\" type=\"video\/mp4\" \/>Your browser does not support the video tag.<\/video><\/p>\n<hr \/>\n<h3>if else<\/h3>\n<h4 dir=\"ltr\"><mark>if<\/mark> (<i style=\"color: purple;\">Condition<\/i>) { &#8230; }<\/h4>\n<pre><code class=\"javascript\">\r\nlet x = 5;\r\nlet a;\r\n\r\nif (x &lt; 0) {\r\n    a = 1;        \/\/ if true\r\n}\r\n\r\n\/\/ a = undefined\r\n\r\nif (x &gt; 0) {\r\n    a = 1;       \/\/ if true\r\n}\r\n\r\n\/\/ a = 1\r\n\r\n<\/code><\/pre>\n<h4>\u0645\u062b\u0627\u0644<\/h4>\n<div class=\"code-header\">HTML<\/div>\n<pre><code class=\"html\">\r\n&lt;input type=\"text\" id=\"in-box\"&gt;\r\n&lt;button id=\"btn\"&gt;OK&lt;\/button&gt;\r\n&lt;h1 id=\"out-box\"&gt;&lt;\/h1&gt;\r\n\r\n<\/code><\/pre>\n<div class=\"code-header\">JS<\/div>\n<pre><code class=\"javascript\">\r\nconst inBox = document.getElementById(\"in-box\");\r\nconst outBox = document.getElementById(\"out-box\");\r\nconst btn = document.getElementById(\"btn\");\r\n\r\nbtn.onclick = function() {\r\n\r\n    let numVal = inBox.value;\r\n\r\n    <mark>if (numVal &lt; 0) {<\/mark>\r\n\r\n        outBox.innerHTML = \"Negative\";\r\n\r\n    <mark>}<\/mark>\r\n}\r\n\r\n<\/code><\/pre>\n<p><iframe loading=\"lazy\" src=\"https:\/\/behnudi.ir\/f\/js1\/06\/03\" width=\"640\" height=\"360\"><\/iframe><\/p>\n<h4 dir=\"ltr\"><mark>if<\/mark> (<i style=\"color: purple;\">Condition<\/i>) { &#8230; } <mark>else<\/mark> { &#8230; }<\/h4>\n<pre><code class=\"javascript\">\r\nlet x = 5;\r\nlet a;\r\n\r\nif (x &gt; 0) {\r\n    a = 1;        \/\/ if true\r\n} else {\r\n    a = -1;       \/\/ if false\r\n}\r\n\r\n\/\/ a = 1\r\n\r\nif (x &lt; 0) {\r\n    a = 1;         \/\/ if true\r\n} else {\r\n    a = -1;        \/\/ if false\r\n}\r\n\r\n\/\/ a = -1\r\n\r\n<\/code><\/pre>\n<h4>\u0645\u062b\u0627\u0644<\/h4>\n<div class=\"code-header\">HTML<\/div>\n<pre><code class=\"html\">\r\n&lt;input type=\"text\" id=\"in-box\"&gt;\r\n&lt;button id=\"btn\"&gt;OK&lt;\/button&gt;        \r\n&lt;h1 id=\"out-box\"&gt;&lt;\/h1&gt;    \r\n\r\n<\/code><\/pre>\n<div class=\"code-header\">JS<\/div>\n<pre><code class=\"javascript\">\r\nconst inBox = document.getElementById(\"in-box\");\r\nconst outBox = document.getElementById(\"out-box\");\r\nconst btn = document.getElementById(\"btn\");\r\n\r\nbtn.onclick = function() {\r\n\r\n    let numVal = inBox.value;\r\n\r\n    <mark>if (numVal &lt; 0) {<\/mark>\r\n\r\n        outBox.innerHTML = \"Negative\";\r\n\r\n    <mark>} else {<\/mark>\r\n\r\n        outBox.innerHTML = \"Positive\";\r\n\r\n    <mark>}<\/mark>\r\n}\r\n\r\n<\/code><\/pre>\n<p><iframe loading=\"lazy\" src=\"https:\/\/behnudi.ir\/f\/js1\/06\/04\" width=\"640\" height=\"360\"><\/iframe><\/p>\n<h4 dir=\"ltr\"><mark>if<\/mark> (<i style=\"color: purple;\">Condition1<\/i>) { &#8230; } <mark>else if<\/mark> (<i style=\"color: purple;\">Condition2<\/i>) { &#8230; } <mark>else<\/mark> { &#8230; }<\/h4>\n<pre><code class=\"javascript\">\r\nlet x = 5;\r\nlet a;\r\n\r\nif (x &gt; 0) {\r\n    a = 1;         \/\/ if condition1 is true\r\n} else if (x &lt; 0) {\r\n    a = -1;        \/\/ if condition2 is true\r\n} else {\r\n    a = 0;         \/\/ if all is false\r\n}\r\n\r\n\/\/ a = 1\r\n\r\n<\/code><\/pre>\n<h4>\u0645\u062b\u0627\u0644<\/h4>\n<div class=\"code-header\">HTML<\/div>\n<pre><code class=\"html\">\r\n&lt;input type=\"text\" id=\"in-box\"&gt;\r\n&lt;button id=\"btn\"&gt;OK&lt;\/button&gt;        \r\n&lt;h1 id=\"out-box\"&gt;&lt;\/h1&gt;    \r\n\r\n<\/code><\/pre>\n<div class=\"code-header\">JS<\/div>\n<pre><code class=\"javascript\">\r\nconst inBox = document.getElementById(\"in-box\");\r\nconst outBox = document.getElementById(\"out-box\");\r\nconst btn = document.getElementById(\"btn\");\r\n\r\nbtn.onclick = function() {\r\n\r\n    let numVal = inBox.value;\r\n\r\n    <mark>if (numVal &lt; 0) {<\/mark>\r\n\r\n        outBox.innerHTML = \"Negative\";\r\n\r\n    <mark>} else  if (numVal &gt; 0) {<\/mark>\r\n\r\n        outBox.innerHTML = \"Positive\";\r\n\r\n    <mark>} else {<\/mark>\r\n\r\n        outBox.innerHTML = \"Zero\";\r\n\r\n    <mark>}<\/mark>\r\n}\r\n\r\n<\/code><\/pre>\n<p><iframe loading=\"lazy\" src=\"https:\/\/behnudi.ir\/f\/js1\/06\/05\" width=\"640\" height=\"360\"><\/iframe><\/p>\n<hr \/>\n<p><video controls=\"controls\"><source src=\"https:\/\/behnudi.ir\/f\/js1\/06\/js1062.mp4\" type=\"video\/mp4\" \/>Your browser does not support the video tag.<\/video><\/p>\n<hr \/>\n<h4>\u062a\u0645\u0631\u06cc\u0646 \u06f1<\/h4>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>\u0627\u06cc\u0646 <a href=\"https:\/\/behnudi.ir\/f\/js1\/06\/06-1.zip\">\u0641\u0627\u06cc\u0644<\/a>\u00a0\u0631\u0627 \u062f\u0627\u0646\u0644\u0648\u062f \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\u0622\u0646 \u0631\u0627 \u062f\u0631 \u0641\u0648\u0644\u062f\u0631 js1 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\u062a\u0646\u0647\u0627 \u0641\u0627\u06cc\u0644 script.js \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f.<\/li>\n<li>\u0646\u0627\u0645 \u0648\u00a0 \u067e\u0633\u0648\u0631\u062f \u0631\u0627 \u0628\u06af\u06cc\u0631\u062f \u0648 \u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u0627\u062f\u0631\u0633\u062a \u0628\u0648\u062f\u0646 \u0647\u0631\u06a9\u062f\u0627\u0645 \u0632\u06cc\u0631 \u062e\u0648\u062f\u0634 \u067e\u06cc\u0627\u0645 \u0645\u0646\u0627\u0633\u0628 \u0638\u0627\u0647\u0631 \u0634\u0648\u062f.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-840\" src=\"https:\/\/behnudi.ir\/f\/js1\/06\/img\/06-1.jpg\" \/><\/p>\n<hr \/>\n<h2>\u0627\u0633\u06a9\u0648\u067e &#8211; Scope<\/h2>\n<ul>\n<li><strong>\u0627\u0633\u06a9\u0648\u067e<\/strong> \u0628\u0647 \u0645\u0639\u0646\u0627\u06cc \u0645\u062d\u062f\u0648\u062f\u0647 \u0627\u0633\u062a. (\u062a\u0644\u0633\u06a9\u0648\u067e \u0648 \u0645\u0627\u06cc\u06a9\u0631\u0648\u0633\u06a9\u0648\u067e\u060c \u062a\u0631\u06a9\u06cc\u0628\u06cc \u0627\u0632 \u0647\u0645\u06cc\u0646 \u06a9\u0644\u0645\u0647 \u0627\u0633\u062a.)<\/li>\n<li>\u0627\u0633\u06a9\u0648\u067e\u060c \u0628\u0647 \u0628\u062e\u0634\u06cc \u0627\u0632 \u06a9\u062f \u0645\u06cc\u200c\u06af\u0648\u06cc\u0646\u062f \u06a9\u0647 \u0628\u06cc\u0646 \u062f\u0648 \u0639\u0644\u0627\u0645\u062a {&#8230;} \u0642\u0631\u0627\u0631 \u06af\u0631\u0641\u062a\u0647 \u0627\u0633\u062a. (\u0646\u0627\u0645 \u0627\u06cc\u0646 \u0639\u0644\u0627\u0645\u062a \u06a9\u0650\u0631\u0644\u06cc \u0628\u0650\u0631\u064e\u06a9\u0650\u062a &#8211; Curly Bracket \u0627\u0633\u062a.)<\/li>\n<li>\u062f\u0631 \u062c\u0627\u0648\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0648\u062c\u0647 \u0628\u0647 \u0627\u0633\u06a9\u0648\u067e\u060c \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a. \u0686\u0648\u0646 \u0627\u06af\u0631 \u06cc\u06a9 \u0645\u062a\u063a\u06cc\u0631\u060c \u062f\u0631 \u0627\u0633\u06a9\u0648\u067e\u06cc \u062a\u0639\u0631\u06cc\u0641 \u0634\u062f\u0647 \u0628\u0627\u0634\u062f\u060c \u0628\u06cc\u0631\u0648\u0646 \u0622\u0646 \u06a9\u0627\u0631 \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f.<\/li>\n<\/ul>\n<h3>\u06af\u0644\u0648\u0628\u0627\u0644 &#8211; Global<\/h3>\n<p>\u0627\u06af\u0631 \u06cc\u06a9 \u0645\u062a\u063a\u06cc\u0631\u060c \u0628\u06cc\u0631\u0648\u0646 \u0627\u0633\u06a9\u0648\u067e\u200c\u0647\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0634\u062f\u0647 \u0628\u0627\u0634\u062f\u060c \u0647\u0645\u0647 \u062c\u0627 \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0633\u062a. \u0648 \u0628\u0647 \u0622\u0646\u060c \u06af\u0644\u0648\u0628\u0627\u0644 \u06cc\u0627 \u0633\u0631\u0627\u0633\u0631\u06cc \u0645\u06cc \u06af\u0648\u06cc\u0646\u062f.<\/p>\n<pre><code class=\"javascript\">\r\nlet fruit = \"apple\";\r\nalert(fruit);          \/\/ apple\r\n\r\nif (true) <mark>{\r\n    alert(fruit);      \/\/ apple\r\n}<\/mark>\r\n\r\n<\/code><\/pre>\n<h3>\u0644\u0648\u06a9\u0627\u0644 &#8211; Local<\/h3>\n<p>\u0627\u06af\u0631 \u0645\u062a\u063a\u06cc\u0631 \u062f\u0631\u0648\u0646 \u06cc\u06a9 \u0627\u0633\u06a9\u0648\u067e \u062a\u0639\u0631\u06cc\u0641 \u0634\u062f\u0647 \u0628\u0627\u0634\u062f\u060c \u062a\u0646\u0647\u0627 \u062f\u0631\u0648\u0646 \u0647\u0645\u0627\u0646 \u0627\u0633\u06a9\u0648\u067e \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0633\u062a. \u0648 \u0628\u0647 \u0622\u0646\u060c \u0644\u0648\u06a9\u0627\u0644 \u06cc\u0627 \u0645\u062d\u0644\u06cc \u0645\u06cc \u06af\u0648\u06cc\u0646\u062f.<\/p>\n<pre><code class=\"javascript\">\r\nif (true) <mark>{\r\n    let fruit = \"apple\";\r\n    alert(fruit);      \/\/ apple\r\n}<\/mark>\r\n\r\nalert(fruit);          \/\/ undefined\r\n\r\n<\/code><\/pre>\n<p>\u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0647\u0645\u0646\u0627\u0645 \u062f\u0631 \u0627\u0633\u06a9\u0648\u067e\u200c\u0647\u0627\u06cc \u0645\u062a\u0641\u0627\u0648\u062a \u0647\u0645\u0627\u0646\u0646\u062f \u062f\u0648 \u0645\u062a\u063a\u06cc\u0631 \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.<\/p>\n<pre><code class=\"javascript\">\r\nlet fruit = \"apple\";\r\nalert(fruit);          \/\/ apple\r\n\r\nif (true) <mark>{\r\n    let fruit = \"orange\";\r\n    alert(fruit);      \/\/ orange\r\n}<\/mark>\r\n\r\nalert(fruit);          \/\/ apple\r\n\r\n<\/code><\/pre>\n<p>\u0645\u0642\u062f\u0627\u0631 \u0647\u0631 \u0645\u062a\u063a\u06cc\u0631 \u0628\u06cc\u0631\u0648\u0646\u06cc \u062f\u0631 \u062f\u0627\u062e\u0644 \u0627\u0633\u06a9\u0648\u067e\u060c \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0627\u0633\u062a \u0648 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0622\u0646 \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0627\u062f.<\/p>\n<pre><code class=\"javascript\">\r\nlet fruit = \"apple\";\r\nalert(fruit);          \/\/ apple\r\n\r\nif (true) <mark>{\r\n    fruit = \"orange\";\r\n    alert(fruit);      \/\/ orange\r\n}<\/mark>\r\n\r\nalert(fruit);          \/\/ orange\r\n\r\n<\/code><\/pre>\n<hr \/>\n<p><video controls=\"controls\"><source src=\"https:\/\/behnudi.ir\/f\/js1\/06\/js1063.mp4\" type=\"video\/mp4\" \/>Your browser does not support the video tag.<\/video><\/p>\n<hr \/>\n<h3><mark>Math<\/mark><\/h3>\n<p>\u0622\u0628\u062c\u06a9\u062a Math \u0628\u0627 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0639\u062f\u062f\u06cc \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<h4 dir=\"ltr\">Math.<mark>PI<\/mark> =\u00a03.141592653589793<\/h4>\n<div class=\"code-header\">HTML<\/div>\n<pre><code class=\"html\">\r\n&lt;input type=\"text\" id=\"in-box\"&gt;\r\n&lt;button id=\"btn\"&gt;OK&lt;\/button&gt;        \r\n&lt;h1 id=\"out-box\"&gt;&lt;\/h1&gt;    \r\n\r\n<\/code><\/pre>\n<div class=\"code-header\">JS<\/div>\n<pre><code class=\"javascript\">\r\nconst inBox = document.getElementById(\"in-box\");\r\nconst outBox = document.getElementById(\"out-box\");\r\nconst btn = document.getElementById(\"btn\");\r\n\r\nbtn.onclick = function() {\r\n\r\n    let d = inBox.value;\r\n\r\n    <mark>let c = d * Math.PI;<\/mark>\r\n\r\n    outBox.innerHTML = c;\r\n}\r\n\r\n<\/code><\/pre>\n<p><iframe loading=\"lazy\" src=\"https:\/\/behnudi.ir\/f\/js1\/06\/06\" width=\"640\" height=\"360\"><\/iframe><\/p>\n<h4 dir=\"ltr\">Math.<mark>random( )<\/mark><\/h4>\n<p>\u06cc\u06a9 \u0639\u062f\u062f \u0631\u064e\u0646\u062f\u0648\u0645 \u06cc\u0627 \u062a\u0635\u0627\u062f\u0641\u06cc \u0628\u06cc\u0646 \u0635\u0641\u0631 \u0648 \u06cc\u06a9 [0,1) \u0645\u06cc\u200c\u062f\u0647\u062f.<\/p>\n<div class=\"code-header\">HTML<\/div>\n<pre><code class=\"html\">\r\n&lt;button id=\"btn\"&gt;OK&lt;\/button&gt;        \r\n&lt;h1 id=\"out-box\"&gt;&lt;\/h1&gt;    \r\n\r\n<\/code><\/pre>\n<div class=\"code-header\">Js<\/div>\n<pre><code class=\"javascript\">\r\nconst outBox = document.getElementById(\"out-box\");\r\nconst btn = document.getElementById(\"btn\");\r\n\r\nbtn.onclick = function() {\r\n    \r\n    <mark>let r = Math.random();<\/mark>\r\n    \r\n    outBox.innerHTML = r;\r\n}\r\n\r\n<\/code><\/pre>\n<p><iframe loading=\"lazy\" src=\"https:\/\/behnudi.ir\/f\/js1\/06\/07\" width=\"640\" height=\"360\"><\/iframe><\/p>\n<h4 dir=\"ltr\">Math.<mark>trunc(x)<\/mark><\/h4>\n<p>\u0628\u062e\u0634 \u0635\u062d\u06cc\u062d \u0639\u062f\u062f \u0631\u0627 \u0628\u0631\u0645\u06cc\u200c\u06af\u0631\u062f\u0627\u0646\u062f.<\/p>\n<div class=\"code-header\">HTML<\/div>\n<pre><code class=\"html\">\r\n&lt;input type=\"text\" id=\"in-box\"&gt;\r\n&lt;button id=\"btn\"&gt;OK&lt;\/button&gt;        \r\n&lt;h1 id=\"out-box\"&gt;&lt;\/h1&gt;    \r\n\r\n<\/code><\/pre>\n<div class=\"code-header\">JS<\/div>\n<pre><code class=\"javascript\">\r\nconst inBox = document.getElementById(\"in-box\");\r\nconst outBox = document.getElementById(\"out-box\");\r\nconst btn = document.getElementById(\"btn\");\r\n\r\nbtn.onclick = function() {\r\n    let num = inBox.value;\r\n\r\n    <mark>let i = Math.trunc(num);<\/mark>\r\n\r\n    outBox.innerHTML = i;\r\n}\r\n\r\n<\/code><\/pre>\n<p><iframe loading=\"lazy\" src=\"https:\/\/behnudi.ir\/f\/js1\/06\/08\" width=\"640\" height=\"360\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<h4 dir=\"ltr\">Math.<mark>floor(x)<\/mark><\/h4>\n<p>\u0646\u0632\u062f\u06cc\u06a9\u062a\u0631\u06cc\u0646 \u0639\u062f\u062f \u0635\u062d\u06cc\u062d \u06a9\u0648\u0686\u06a9\u062a\u0631 \u06cc\u0627 \u0645\u0633\u0627\u0648\u06cc x \u0631\u0627 \u0628\u0631\u0645\u06cc\u200c\u06af\u0631\u062f\u0627\u0646\u062f.<\/p>\n<div class=\"code-header\">HTML<\/div>\n<pre><code class=\"html\">\r\n&lt;input type=\"text\" id=\"in-box\"&gt;\r\n&lt;button id=\"btn\"&gt;OK&lt;\/button&gt;        \r\n&lt;h1 id=\"out-box\"&gt;&lt;\/h1&gt;    \r\n\r\n<\/code><\/pre>\n<div class=\"code-header\">JS<\/div>\n<pre><code class=\"javascript\">\r\nconst inBox = document.getElementById(\"in-box\");\r\nconst outBox = document.getElementById(\"out-box\");\r\nconst btn = document.getElementById(\"btn\");\r\n\r\nbtn.onclick = function() {\r\n    let num = inBox.value;\r\n\r\n    <mark>let i = Math.floor(num);<\/mark>\r\n\r\n    outBox.innerHTML = i;\r\n}\r\n\r\n<\/code><\/pre>\n<p><iframe loading=\"lazy\" src=\"https:\/\/behnudi.ir\/f\/js1\/06\/09\" width=\"640\" height=\"360\"><\/iframe><\/p>\n<h4 dir=\"ltr\">Math.<mark>ceil( )<\/mark><\/h4>\n<p>\u0646\u0632\u062f\u06cc\u06a9\u062a\u0631\u06cc\u0646 \u0639\u062f\u062f \u0635\u062d\u06cc\u062d \u0628\u0632\u0631\u06af\u062a\u0631 \u06cc\u0627 \u0645\u0633\u0627\u0648\u06cc x \u0631\u0627 \u0628\u0631\u0645\u06cc\u200c\u06af\u0631\u062f\u0627\u0646\u062f.<\/p>\n<div class=\"code-header\">HTML<\/div>\n<pre><code class=\"html\">\r\n&lt;input type=\"text\" id=\"in-box\"&gt;\r\n&lt;button id=\"btn\"&gt;OK&lt;\/button&gt;        \r\n&lt;h1 id=\"out-box\"&gt;&lt;\/h1&gt;    \r\n\r\n<\/code><\/pre>\n<div class=\"code-header\">JS<\/div>\n<pre><code class=\"javascript\">\r\nconst inBox = document.getElementById(\"in-box\");\r\nconst outBox = document.getElementById(\"out-box\");\r\nconst btn = document.getElementById(\"btn\");\r\n\r\nbtn.onclick = function() {\r\n    let num = inBox.value;\r\n\r\n    <mark>let i = Math.ceil(num);<\/mark>\r\n\r\n    outBox.innerHTML = i;\r\n}\r\n\r\n<\/code><\/pre>\n<p><iframe loading=\"lazy\" src=\"https:\/\/behnudi.ir\/f\/js1\/06\/10\" width=\"640\" height=\"360\"><\/iframe><\/p>\n<h4 dir=\"ltr\">Math.<mark>round(x)<\/mark><\/h4>\n<p>\u0646\u0632\u062f\u06cc\u06a9\u062a\u0631\u06cc\u0646 \u0639\u062f\u062f \u0635\u062d\u06cc\u062d \u0628\u0647 x \u0631\u0627 \u0628\u0631\u0645\u06cc\u200c\u06af\u0631\u062f\u0627\u0646\u062f.<\/p>\n<div class=\"code-header\">HTML<\/div>\n<pre><code class=\"html\">\r\n&lt;input type=\"text\" id=\"in-box\"&gt;\r\n&lt;button id=\"btn\"&gt;OK&lt;\/button&gt;        \r\n&lt;h1 id=\"out-box\"&gt;&lt;\/h1&gt;    \r\n\r\n<\/code><\/pre>\n<div class=\"code-header\">JS<\/div>\n<pre><code class=\"javascript\">\r\nconst inBox = document.getElementById(\"in-box\");\r\nconst outBox = document.getElementById(\"out-box\");\r\nconst btn = document.getElementById(\"btn\");\r\n\r\nbtn.onclick = function() {\r\n    let num = inBox.value;\r\n\r\n    <mark>let i = Math.round(num);<\/mark>\r\n\r\n    outBox.innerHTML = i;\r\n}\r\n\r\n<\/code><\/pre>\n<p><iframe loading=\"lazy\" src=\"https:\/\/behnudi.ir\/f\/js1\/06\/11\" width=\"640\" height=\"360\"><\/iframe><\/p>\n<h4>\u0645\u0642\u0627\u06cc\u0633\u0647 \u0646\u062a\u06cc\u062c\u0647 \u0641\u0627\u0646\u06a9\u0634\u0646\u200c\u0647\u0627\u06cc \u0628\u0627\u0644\u0627<\/h4>\n<table dir=\"ltr\" style=\"text-align: center;\">\n<tbody>\n<tr>\n<th style=\"width: 5em; background: #00000020;\">x<\/th>\n<th style=\"width: 2.5em; background: #00000040;\">-1<\/th>\n<th style=\"width: 2.5em; background: #00000020;\">-0.9<\/th>\n<th style=\"width: 2.5em; background: #00000020;\">-0.5<\/th>\n<th style=\"width: 2.5em; background: #00000020;\">-0.1<\/th>\n<th style=\"width: 2.5em; background: #00000040;\">0<\/th>\n<th style=\"width: 2.5em; background: #00000020;\">0.1<\/th>\n<th style=\"width: 2.5em; background: #00000020;\">0.5<\/th>\n<th style=\"width: 2.5em; background: #00000020;\">0.9<\/th>\n<th style=\"width: 2.5em; background: #00000040;\">1<\/th>\n<\/tr>\n<tr>\n<td style=\"background: #00000020;\">trunc(x)<\/td>\n<td style=\"background: #00000040;\">-1<\/td>\n<td>0<\/td>\n<td>0<\/td>\n<td>0<\/td>\n<td style=\"background: #00000040;\">0<\/td>\n<td>0<\/td>\n<td>0<\/td>\n<td>0<\/td>\n<td style=\"background: #00000040;\">1<\/td>\n<\/tr>\n<tr>\n<td style=\"background: #00000020;\">floor(x)<\/td>\n<td style=\"background: #00000040;\">-1<\/td>\n<td>-1<\/td>\n<td>-1<\/td>\n<td>-1<\/td>\n<td style=\"background: #00000040;\">0<\/td>\n<td>0<\/td>\n<td>0<\/td>\n<td>0<\/td>\n<td style=\"background: #00000040;\">1<\/td>\n<\/tr>\n<tr>\n<td style=\"background: #00000020;\">ceil(x)<\/td>\n<td style=\"background: #00000040;\">-1<\/td>\n<td>0<\/td>\n<td>0<\/td>\n<td>0<\/td>\n<td style=\"background: #00000040;\">0<\/td>\n<td>1<\/td>\n<td>1<\/td>\n<td>1<\/td>\n<td style=\"background: #00000040;\">1<\/td>\n<\/tr>\n<tr>\n<td style=\"background: #00000020;\">round(x)<\/td>\n<td style=\"background: #00000040;\">-1<\/td>\n<td>-1<\/td>\n<td>0<\/td>\n<td>0<\/td>\n<td style=\"background: #00000040;\">0<\/td>\n<td>0<\/td>\n<td>1<\/td>\n<td>1<\/td>\n<td style=\"background: #00000040;\">1<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr \/>\n<p><video controls=\"controls\"><source src=\"https:\/\/behnudi.ir\/f\/js1\/06\/js1064.mp4\" type=\"video\/mp4\" \/>Your browser does not support the video tag.<\/video><\/p>\n<hr \/>\n<h4>\u062a\u0645\u0631\u06cc\u0646 \u06f2<\/h4>\n<ul>\n<li>\u0627\u06cc\u0646 <a href=\"https:\/\/behnudi.ir\/f\/js1\/06\/06-2.zip\">\u0641\u0627\u06cc\u0644<\/a>\u00a0\u0631\u0627 \u062f\u0627\u0646\u0644\u0648\u062f \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\u0622\u0646 \u0631\u0627 \u062f\u0631 \u0641\u0648\u0644\u062f\u0631 js1 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\u062a\u0646\u0647\u0627 \u0641\u0627\u06cc\u0644 script.js \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f.<\/li>\n<li>\u0647\u0646\u06af\u0627\u0645\u06cc\u06a9\u0647 \u0631\u0648\u06cc \u06cc\u06a9\u06cc \u0627\u0632 \u062a\u0635\u0627\u0648\u06cc\u0631 \u0632\u06cc\u0631 \u06a9\u0644\u06cc\u06a9 \u0645\u06cc \u06a9\u0646\u06cc\u062f \u0646\u0627\u0645 \u0622\u0646 \u0632\u06cc\u0631 User \u0646\u0648\u0634\u062a\u0647 \u0645\u06cc \u0634\u0648\u062f.<\/li>\n<li>\u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631 \u0628\u0647 \u0635\u0648\u0631\u062a \u0631\u0646\u062f\u0648\u0645 \u06cc\u06a9\u06cc \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0646\u0627\u0645 \u0622\u0646 \u0631\u0627 \u0632\u06cc\u0631 Computer \u0645\u06cc \u0646\u0648\u06cc\u0633\u062f.<\/li>\n<li>\u0648 \u062f\u0631 \u067e\u0627\u06cc\u0627\u0646 \u0628\u0631\u0646\u062f\u0647 \u06cc\u0627 \u0628\u0627\u0632\u0646\u062f\u0647 \u0634\u062f\u0646 \u06a9\u0627\u0631\u0628\u0631 \u062f\u0631 \u0648\u0633\u0637 \u0635\u0641\u062d\u0647 \u0646\u0648\u0634\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-841\" src=\"https:\/\/behnudi.ir\/f\/js1\/06\/img\/06-2.jpg\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0634\u0631\u0637 &#8211; Conditions \u062f\u0631 \u062c\u0627\u0648\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0634\u0631\u0637 \u0631\u0627 \u0628\u0647 \u0633\u0647 \u06af\u0648\u0646\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0646\u0648\u0634\u062a. ? if Switch \u0647\u0645\u0647 \u0622\u0646\u0647\u0627 \u0631\u0627 \u0628\u0627\u06cc\u062f \u06cc\u0627\u062f \u06af\u0631\u0641\u062a \u0648 \u062f\u0631 \u0647\u0631 \u062c\u0627\u06cc\u06cc \u0622\u0646 \u0631\u0648\u0634\u06cc \u0631\u0627 \u06a9\u0647 \u0633\u0627\u062f\u0647\u200c\u062a\u0631 \u0627\u0633\u062a\u060c \u0628\u0647 \u06a9\u0627\u0631 \u0628\u0631\u062f. \u062a\u0650\u0631\u0646\u0650\u0631\u06cc &#8211; Ternary (?) \u062a\u0631\u0646\u0631\u06cc \u0633\u0627\u062f\u0647\u200c\u062a\u0631\u06cc\u0646 \u0641\u0631\u0645 \u0634\u0631\u0637 \u0627\u0633\u062a. \u0648 \u0686\u0648\u0646 \u0627\u0632 \u0633\u0647 \u0628\u062e\u0634 \u062a\u0634\u06a9\u06cc\u0644 \u0645\u06cc\u200c\u0634\u0648\u062f\u060c \u0622\u0646 \u0631\u0627 \u062a\u0631\u0646\u0631\u06cc \u0628\u0647 \u0645\u0639\u0646\u0627\u06cc [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1530,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[46,44],"class_list":["post-1566","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-computer-science","tag-javascript","tag-web-design"],"_links":{"self":[{"href":"https:\/\/behnudi.ir\/index.php?rest_route=\/wp\/v2\/posts\/1566","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/behnudi.ir\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/behnudi.ir\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/behnudi.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/behnudi.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1566"}],"version-history":[{"count":0,"href":"https:\/\/behnudi.ir\/index.php?rest_route=\/wp\/v2\/posts\/1566\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/behnudi.ir\/index.php?rest_route=\/wp\/v2\/media\/1530"}],"wp:attachment":[{"href":"https:\/\/behnudi.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1566"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/behnudi.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1566"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/behnudi.ir\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}