{"id":410,"date":"2015-11-30T15:26:53","date_gmt":"2015-11-30T15:26:53","guid":{"rendered":"http:\/\/on5tl.com\/edu\/?p=410"},"modified":"2022-05-27T10:45:12","modified_gmt":"2022-05-27T10:45:12","slug":"%d8%b1%d8%b3%d9%85-%d8%a7%d9%84%d8%a3%d8%b4%d9%83%d8%a7%d9%84","status":"publish","type":"post","link":"https:\/\/planet-www.com\/ar\/%d8%b1%d8%b3%d9%85-%d8%a7%d9%84%d8%a3%d8%b4%d9%83%d8%a7%d9%84\/","title":{"rendered":"\u0631\u0633\u0645 \u0627\u0644\u0623\u0634\u0643\u0627\u0644"},"content":{"rendered":"

 <\/p>\n

\u0631\u0633\u0645 \u0627\u0644\u0645\u0633\u062a\u0637\u064a\u0644 :<\/h1>\n

\u064a\u062a\u0637\u0644\u0628 \u0631\u0633\u0645 \u0627\u0644\u0645\u0633\u062a\u0637\u064a\u0644 \u062a\u062d\u062f\u064a\u062f \u0637\u0648\u0644 \u0648\u0639\u0631\u0636 \u0627\u0644\u0645\u0633\u062a\u0637\u064a\u0644 \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u062a\u062d\u062f\u064a\u062f div \u062a\u062d\u0648\u064a \u0647\u0630\u0647 \u0627\u0644\u0645\u0633\u062a\u0637\u064a\u0644
\n\u0643\u0645\u0627 \u064a\u062a\u0637\u0644\u0628 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0636\u0644\u0627\u0639 \u0627\u0644\u062a\u064a \u062a\u0634\u0643\u0644\u0647 \u0648\u0647\u064a \u0639\u0628\u0627\u0631\u0629 \u0639\u0646 \u0625\u0637\u0627\u0631<\/p>\n

[php]
\n&lt;!DOCTYPE html&gt;
\n&lt;html lang=&quot;en&quot;&gt;
\n&lt;head&gt;
\n&lt;title&gt;rectangle&lt;\/title&gt;
\n&lt;style&gt;
\n #rec {height:200px;width:300px;border:1px solid red;}
\n&lt;\/style&gt;
\n&lt;\/head&gt;<\/p>\n

&lt;body&gt;
\n&lt;div id=&quot;rec&quot;&gt;&lt;\/div&gt;
\n&lt;\/body&gt;
\n&lt;\/html&gt;
\n[\/php]<\/p>\n

\u0648\u064a\u0645\u0643\u0646 \u0625\u0636\u0627\u0641\u0629 \u0644\u0648\u0646 <\/a>\u062e\u0644\u0641\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u0637\u064a\u0644<\/h3>\n

[php]
\n&lt;style&gt;
\n #rec {height:200px;width:300px;border:1px solid red;background-color:rgb(187, 34, 0);}
\n&lt;\/style&gt;
\n [\/php]<\/p>\n

\u0648\u0644\u0631\u0633\u0645 \u0645\u0631\u0628\u0639 \u064a\u0645\u0643\u0646 \u062c\u0639\u0644 \u0627\u0644\u0637\u0648\u0644 \u0648\u0627\u0644\u0639\u0631\u0636 \u0645\u062a\u0633\u0627\u0648\u064a\u0627\u0646
\n..\u0623\u0645\u0627 \u0644\u0631\u0633\u0645 \u0627\u0644\u062f\u0627\u0626\u0631\u0629 \u0641\u064a\u062c\u0628 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0627\u0644\u0637\u0648\u0644 \u0648\u0627\u0644\u0639\u0631\u0636 \u0645\u062a\u0633\u0627\u0648\u064a\u0627\u0646 \u0648\u0627\u0644\u0625\u0637\u0627\u0631 \u062f\u0627\u0626\u0631\u064a\u0627 \u0628\u0645\u0642\u062f\u0627\u0631 \u0646\u0635\u0641 \u0627\u0644\u0637\u0648\u0644 \u0648\u0627\u0644\u0639\u0631\u0636<\/p>\n

\u0645\u062b\u0627\u0644 \u064a\u062c\u0645\u0639 \u0627\u0644\u0623\u0634\u0643\u0627\u0644 \u0627\u0644\u062b\u0644\u0627\u062b\u0629 :<\/h3>\n

[php]
\n&lt;!DOCTYPE html&gt;
\n&lt;html lang=&quot;en&quot;&gt;
\n&lt;head&gt;
\n&lt;title&gt;polymorphisims&lt;\/title&gt;
\n&lt;style&gt;
\n #rectangle {height:200px;width:300px;border:1px solid red;margin-bottom:10px;}
\n #square {height:200px;width:200px;border:1px solid red;margin-bottom:10px;}
\n #circle {height:200px;width:200px;border-radius:50%;border:1px solid red;}
\n&lt;\/style&gt;
\n&lt;\/head&gt;<\/p>\n

&lt;body&gt;
\n&lt;div id=&quot;rectangle&quot;&gt;&lt;\/div&gt;
\n&lt;div id=&quot;square&quot;&gt;&lt;\/div&gt;
\n&lt;div id=&quot;circle&quot;&gt;&lt;\/div&gt;
\n&lt;\/body&gt;
\n&lt;\/html&gt;
\n[\/php]<\/p>\n

\u062a\u0639\u064a\u064a\u0646 \u0642\u064a\u0645 \u0627\u0644\u0637\u0648\u0644 \u0648\u0627\u0644\u0639\u0631\u0636 \u0644\u0644\u0623\u0634\u0643\u0627\u0644 \u0639\u0646 \u0637\u0631\u064a\u0642 \u0627\u0644\u0625\u062f\u062e\u0627\u0644 \u0645\u0646 \u0642\u0628\u0644 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 :<\/h3>\n

\u064a\u062a\u0645 \u062a\u0639\u064a\u064a\u0646 \u0627\u0644\u0637\u0648\u0644 \u0648\u0627\u0644\u0639\u0631\u0636 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0645\u0631\u0628\u0639 \u0627\u0644\u0627\u062f\u062e\u0627\u0644<\/p>\n

[php]
\n&lt;input id=&quot;height&quot; type=&quot;text&quot; placeholder=&quot;height&quot; \/&gt;
\n&lt;input id=&quot;width&quot; type=&quot;text&quot; placeholder=&quot;width&quot; \/&gt;
\n[\/php]<\/p>\n

\u064a\u062a\u0645 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u0645\u062f\u062e\u0644\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u0627\u0628\u0639 drowrec()
\n\u064a\u062a\u0645 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0637\u0648\u0644 \u0648\u0627\u0644\u0639\u0631\u0636 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u0645\u062f\u062e\u0644\u0629 \u0648\u0627\u0644\u0648\u0635\u0648\u0644 \u063a\u0644\u064a\u0647\u0627 \u0639\u0646 \u0637\u0631\u064a\u0642 \u0627\u0644\u0640 id<\/p>\n

[php]
\nvar w=document.getElementById(&quot;width&quot;).value;
\nvar h=document.getElementById(&quot;height&quot;).value;
\n[\/php]<\/p>\n

\u0627\u0644\u0645\u062a\u063a\u064a\u0631 y \u0647\u0648 \u0645\u062a\u063a\u064a\u0631 \u064a\u0642\u0648\u0645 \u0628\u0625\u0636\u0627\u0641\u0629 div \u0644\u0647\u0627 \u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u062a\u064a \u062d\u0635\u0644\u0646\u0627 \u0639\u0644\u064a\u0647\u0627 \u0645\u0646 \u0627\u0644\u0645\u062f\u062e\u0644\u0627\u062a<\/p>\n

[php]
\ny+=’
\n&lt;div style=&quot;width:’+w+’px;height:’+h+’px;border:1px solid red;&quot;&gt;&lt;\/div&gt;
\n‘;
\n[\/php]<\/p>\n

\u0648\u0647\u0643\u0630\u0627 \u064a\u0635\u0628\u062d \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0639\u0644\u0649 \u0627\u0644\u0634\u0643\u0644 \u0627\u0644\u062a\u0627\u0644\u064a:<\/p>\n

[php]
\n&lt;!DOCTYPE html&gt;
\n&lt;html lang=&quot;en&quot;&gt;
\n&lt;head&gt;
\n&lt;title&gt;rectangle&lt;\/title&gt;
\n&lt;\/head&gt;
\n&lt;body&gt;
\n&lt;div id=&quot;rec&quot;&gt;
\n&lt;div&gt;enter the width and height of the rectangle:&lt;\/div&gt;
\n&lt;input id=&quot;height&quot; type=&quot;text&quot; placeholder=&quot;height&quot; \/&gt;
\n&lt;input id=&quot;width&quot; type=&quot;text&quot; placeholder=&quot;width&quot; \/&gt;
\n&lt;button onclick=&quot;drowrec();&quot;&gt; drow &lt;\/button&gt;&lt;\/div&gt;
\n&lt;div id=&quot;rectangle&quot;&gt;&lt;\/div&gt;
\n&lt;script&gt;
\n function drowrec(){
\n var w=document.getElementById(&quot;width&quot;).value;
\n var h=document.getElementById(&quot;height&quot;).value;
\n var y=&quot;&quot;;
\n y+=’
\n&lt;div style=&quot;width:’+w+’px;height:’+h+’px;border:1px solid red;&quot;&gt;&lt;\/div&gt;
\n‘;
\n document.getElementById(&quot;rectangle&quot;).innerHTML = y;
\n }
\n&lt;\/script&gt;
\n&lt;\/body&gt;
\n[\/php]<\/p>\n

\u0627\u0644\u0645\u062b\u0627\u0644 \u0627\u0644\u062a\u0627\u0644\u064a \u064a\u062d\u0648\u064a \u0631\u0633\u0645 \u0644\u0644\u0623\u0634\u0643\u0627\u0644 \u0627\u0644\u062b\u0644\u0627\u062b\u0629 \u0639\u0646\u062f \u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649 \u0632\u0631 \u0627\u0644\u0631\u0633\u0645 :<\/h3>\n

[php]
\n&lt;!DOCTYPE html&gt;
\n&lt;html lang=&quot;en&quot;&gt;
\n&lt;head&gt;
\n&lt;title&gt;polymorphisms&lt;\/title&gt;
\n&lt;\/head&gt;
\n&lt;body&gt;
\n &lt;div id=&quot;rec&quot;&gt;
\n &lt;div&gt;enter the width and height of the rectangle:&lt;\/div&gt;
\n &lt;input id=&quot;height&quot; type=&quot;text&quot; placeholder=&quot;height&quot; \/&gt; &lt;br \/&gt;
\n &lt;input id=&quot;width&quot; type=&quot;text&quot; placeholder=&quot;width&quot; \/&gt; &lt;br \/&gt;
\n &lt;button onclick=&quot;drowrec();&quot;&gt; drow &lt;\/button&gt;
\n &lt;\/div&gt;
\n &lt;div id=&quot;sq&quot;&gt;
\n &lt;div&gt;enter the side of the square:&lt;\/div&gt;
\n &lt;input id=&quot;side&quot; type=&quot;text&quot; placeholder=&quot;side&quot; \/&gt; &lt;br \/&gt;
\n &lt;button onclick=&quot;drowsq();&quot;&gt; drow &lt;\/button&gt;
\n &lt;\/div&gt;
\n &lt;div id=&quot;sq&quot;&gt;
\n &lt;div&gt;enter the radius of the circle:&lt;\/div&gt;
\n &lt;input id=&quot;radius&quot; type=&quot;text&quot; placeholder=&quot;radius&quot; \/&gt; &lt;br \/&gt;
\n &lt;button onclick=&quot;drowcir();&quot;&gt; drow &lt;\/button&gt;
\n &lt;\/div&gt;
\n &lt;div id=&quot;rectangle&quot;&gt;&lt;\/div&gt;
\n &lt;div id=&quot;square&quot;&gt;&lt;\/div&gt;
\n &lt;div id=&quot;circle&quot;&gt;&lt;\/div&gt;
\n&lt;script&gt;
\n function drowrec(){
\n var w=document.getElementById(&quot;width&quot;).value;
\n var h=document.getElementById(&quot;height&quot;).value;
\n var y=&quot;&quot;;
\n y+=’&lt;div style=&quot;width:’+w+’px;height:’+h+’px;border:1px solid red;&quot;&gt;&lt;\/div&gt;’;
\n document.getElementById(&quot;rectangle&quot;).innerHTML = y;
\n }<\/p>\n

function drowsq(){
\n var side=document.getElementById(&quot;side&quot;).value;
\n var y=&quot;&quot;;
\n y+=’&lt;div style=&quot;width:’+side+’px;height:’+side+’px;border:1px solid red;&quot;&gt;&lt;\/div&gt;’;
\n document.getElementById(&quot;square&quot;).innerHTML = y;
\n }
\n function drowcir(){
\n var r=document.getElementById(&quot;radius&quot;).value;
\n var e=&quot;&quot;;
\n e+=’&lt;div style=&quot;width:’+2*r+’px;height:’+2*r+’px; border-radius:50%;border:1px solid red;&quot;&gt;&lt;\/div&gt;’;
\n document.getElementById(&quot;circle&quot;).innerHTML = e;
\n }
\n&lt;\/script&gt;
\n&lt;\/body&gt;
\n[\/php]<\/p>\n","protected":false},"excerpt":{"rendered":"

\u064a\u062a\u0637\u0644\u0628 \u0631\u0633\u0645 \u0627\u0644\u0645\u0633\u062a\u0637\u064a\u0644 \u062a\u062d\u062f\u064a\u062f \u0637\u0648\u0644 \u0648\u0639\u0631\u0636 \u0627\u0644\u0645\u0633\u062a\u0637\u064a\u0644 \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u062a\u062d\u062f\u064a\u062f div \u062a\u062d\u0648\u064a \u0647\u0630\u0647 \u0627\u0644\u0645\u0633\u062a\u0637\u064a\u0644 \u0643\u0645\u0627 \u064a\u062a\u0637\u0644\u0628 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0636\u0644\u0627\u0639 \u0627\u0644\u062a\u064a \u062a\u0634\u0643\u0644\u0647 \u0648\u0647\u064a \u0639\u0628\u0627\u0631\u0629 \u0639\u0646 \u0625\u0637\u0627\u0631<\/p>\n","protected":false},"author":1,"featured_media":451,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,11],"tags":[94,30,51,249],"class_list":["post-410","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","category-11","tag-94","tag-30","tag-51","tag-249"],"_links":{"self":[{"href":"https:\/\/planet-www.com\/ar\/wp-json\/wp\/v2\/posts\/410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/planet-www.com\/ar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/planet-www.com\/ar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/planet-www.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/planet-www.com\/ar\/wp-json\/wp\/v2\/comments?post=410"}],"version-history":[{"count":5,"href":"https:\/\/planet-www.com\/ar\/wp-json\/wp\/v2\/posts\/410\/revisions"}],"predecessor-version":[{"id":1978,"href":"https:\/\/planet-www.com\/ar\/wp-json\/wp\/v2\/posts\/410\/revisions\/1978"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/planet-www.com\/ar\/wp-json\/wp\/v2\/media\/451"}],"wp:attachment":[{"href":"https:\/\/planet-www.com\/ar\/wp-json\/wp\/v2\/media?parent=410"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/planet-www.com\/ar\/wp-json\/wp\/v2\/categories?post=410"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/planet-www.com\/ar\/wp-json\/wp\/v2\/tags?post=410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}