{"id":488,"date":"2011-01-21T10:50:30","date_gmt":"2011-01-21T14:50:30","guid":{"rendered":"http:\/\/www.iowawebnet.com\/ein\/?p=488"},"modified":"2011-01-21T18:18:14","modified_gmt":"2011-01-21T22:18:14","slug":"simple-javascript-calculator","status":"publish","type":"post","link":"https:\/\/www.iowawebnet.com\/ein\/2011\/01\/simple-javascript-calculator\/","title":{"rendered":"Simple Javascript Calculator"},"content":{"rendered":"<p>This is simple javascript calculator<\/p>\n<blockquote><p>&lt;html&gt;<\/p>\n<p>&lt;head&gt;<br \/>\n&lt;title&gt;Calculator&lt;\/title&gt;<\/p>\n<p>&lt;script language=&#8221;javascript&#8221;&gt;<br \/>\nvar inputstring=&#8221; &#8221;<br \/>\nfunction updatestring(value)<br \/>\n{<br \/>\ninputstring += value;<br \/>\ndocument.calculator.input.value=inputstring;<br \/>\n}<br \/>\n&lt;\/script&gt;<br \/>\n&lt;style type=&#8221;text\/css&#8221;&gt;<br \/>\n#tb-lo {<br \/>\n\/*background: url(Calc-bg.png); *\/<br \/>\nheight: 222px;<br \/>\nwidth: 198px;<br \/>\npadding: 2px 2px 2px 2px;<br \/>\nbackground-image: url(Calc-bg.png);<br \/>\nbackground-repeat: no-repeat;<br \/>\n}<br \/>\n#td-key {<br \/>\ntext-align: center;<br \/>\n}<br \/>\n&lt;\/style&gt;<br \/>\n&lt;\/head&gt;<\/p>\n<p>&lt;body&gt;<br \/>\n&lt;form name=&#8221;calculator&#8221;&gt;<br \/>\n&lt;table id=&#8221;tb-lo&#8221;&gt;<br \/>\n&lt;tr&gt;<br \/>\n&lt;td&gt;&amp;nbsp;&lt;\/td&gt;<br \/>\n&lt;\/tr&gt;<br \/>\n&lt;tr&gt;<br \/>\n&lt;td id=&#8221;td-key&#8221;&gt;<br \/>\n&lt;input type=&#8221;text&#8221; name=&#8221;input&#8221; maxlength=&#8221;25&#8243; size=&#8221;26&#8243; style=&#8221;background-color:#FFFFEA; font-family:Arial, Helvetica, sans-serif; font-weight: 600;&#8221;&gt;<br \/>\n&lt;\/td&gt;<br \/>\n&lt;\/tr&gt;<br \/>\n&lt;tr&gt;<br \/>\n&lt;td id=&#8221;td-key&#8221;&gt;<br \/>\n&lt;input type=&#8221;button&#8221; value=&#8221;\u00a0 clear\u00a0 &#8221; onclick=&#8221;input.value=&#8217; &#8216;;inputstring=&#8217; &#8216; &#8220;&gt;<br \/>\n&lt;input type=&#8221;button&#8221; value=&#8221;\u00a0 mod\u00a0\u00a0\u00a0 &#8221; onclick=&#8221;updatestring(&#8216;%&#8217;)&#8221;&gt;<br \/>\n&lt;input type=&#8221;button&#8221; value=&#8221;\u00a0\u00a0 *\u00a0\u00a0\u00a0 &#8221; onclick=&#8221;updatestring(&#8216;*&#8217;)&#8221;&gt;<br \/>\n&lt;\/td&gt;<br \/>\n&lt;\/tr&gt;<br \/>\n&lt;tr&gt;<br \/>\n&lt;td id=&#8221;td-key&#8221;&gt;<br \/>\n&lt;input type=&#8221;button&#8221; value=&#8221;\u00a0 7\u00a0\u00a0\u00a0 &#8221; onclick=&#8221;updatestring(&#8216;7&#8217;)&#8221;&gt;<br \/>\n&lt;input type=&#8221;button&#8221; value=&#8221;\u00a0 8\u00a0\u00a0\u00a0 &#8221; onclick=&#8221;updatestring(&#8216;8&#8217;)&#8221;&gt;<br \/>\n&lt;input type=&#8221;button&#8221; value=&#8221;\u00a0 9\u00a0\u00a0\u00a0 &#8221; onclick=&#8221;updatestring(&#8216;9&#8217;)&#8221;&gt;<br \/>\n&lt;input type=&#8221;button&#8221; value=&#8221;\u00a0\u00a0\u00a0 \/\u00a0\u00a0 &#8221; onclick=&#8221;updatestring(&#8216;\/&#8217;)&#8221;&gt;<br \/>\n&lt;\/td&gt;<br \/>\n&lt;\/tr&gt;<br \/>\n&lt;tr&gt;<br \/>\n&lt;td id=&#8221;td-key&#8221;&gt;<br \/>\n&lt;input type=&#8221;button&#8221; value=&#8221;\u00a0 4\u00a0\u00a0\u00a0 &#8221; onclick=&#8221;updatestring(&#8216;4&#8217;)&#8221;&gt;<br \/>\n&lt;input type=&#8221;button&#8221; value=&#8221;\u00a0 5\u00a0\u00a0\u00a0 &#8221; onclick=&#8221;updatestring(&#8216;5&#8217;)&#8221;&gt;<br \/>\n&lt;input type=&#8221;button&#8221; value=&#8221;\u00a0 6\u00a0\u00a0\u00a0 &#8221; onclick=&#8221;updatestring(&#8216;6&#8217;)&#8221;&gt;<br \/>\n&lt;input type=&#8221;button&#8221; value=&#8221;\u00a0\u00a0 &#8211;\u00a0\u00a0\u00a0 &#8221; onclick=&#8221;updatestring(&#8216;-&#8216;)&#8221;&gt;<br \/>\n&lt;\/td&gt;<br \/>\n&lt;\/tr&gt;<br \/>\n&lt;tr&gt;<br \/>\n&lt;td id=&#8221;td-key&#8221;&gt;<br \/>\n&lt;input type=&#8221;button&#8221; value=&#8221;\u00a0 1\u00a0\u00a0\u00a0 &#8221; onclick=&#8221;updatestring(&#8216;1&#8217;)&#8221;&gt;<br \/>\n&lt;input type=&#8221;button&#8221; value=&#8221;\u00a0 2\u00a0\u00a0\u00a0 &#8221; onclick=&#8221;updatestring(&#8216;2&#8217;)&#8221;&gt;<br \/>\n&lt;input type=&#8221;button&#8221; value=&#8221;\u00a0 3\u00a0\u00a0\u00a0 &#8221; onclick=&#8221;updatestring(&#8216;3&#8217;)&#8221;&gt;<br \/>\n&lt;input type=&#8221;button&#8221; value=&#8221;\u00a0 +\u00a0\u00a0\u00a0 &#8221; onclick=&#8221;updatestring(&#8216;+&#8217;)&#8221;&gt;<br \/>\n&lt;\/td&gt;<br \/>\n&lt;\/tr&gt;<br \/>\n&lt;tr&gt;<br \/>\n&lt;td id=&#8221;td-key&#8221;&gt;<br \/>\n&lt;input type=&#8221;button&#8221; value=&#8221;\u00a0 0\u00a0\u00a0\u00a0 &#8221; onclick=&#8221;updatestring(&#8216;0&#8242;)&#8221;&gt;<br \/>\n&lt;input type=&#8221;button&#8221; value=&#8221;\u00a0 00\u00a0 &#8221; onclick=&#8221;updatestring(&#8217;00&#8217;)&#8221;&gt;<br \/>\n&lt;input type=&#8221;button&#8221; value=&#8221;\u00a0\u00a0 .\u00a0\u00a0\u00a0 &#8221; onclick=&#8221;updatestring(&#8216;.&#8217;)&#8221;&gt;<br \/>\n&lt;input type=&#8221;button&#8221; value=&#8221;\u00a0 =\u00a0\u00a0\u00a0 &#8221; onclick=&#8221;input.value=eval(inputstring);&#8221;&gt;<br \/>\n&lt;\/td&gt;<br \/>\n&lt;\/tr&gt;<br \/>\n&lt;\/table&gt;<br \/>\n&lt;\/form&gt;<br \/>\n&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<\/p>\n<p><a rel=\"attachment wp-att-490\" href=\"http:\/\/www.iowawebnet.com\/ein\/?attachment_id=490\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-490\" title=\"Simple javascrip calculator\" src=\"http:\/\/www.iowawebnet.com\/ein\/wp-content\/uploads\/2011\/01\/ScreenShot131.gif\" alt=\"\" width=\"217\" height=\"232\" \/><\/a><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>This is simple javascript calculator &lt;html&gt; &lt;head&gt; &lt;title&gt;Calculator&lt;\/title&gt; &lt;script language=&#8221;javascript&#8221;&gt; var inputstring=&#8221; &#8221; function updatestring(value) { inputstring += value; document.calculator.input.value=inputstring; } &lt;\/script&gt; &lt;style type=&#8221;text\/css&#8221;&gt; #tb-lo { \/*background: url(Calc-bg.png); *\/ height: 222px; width: 198px; padding: 2px 2px 2px 2px; background-image: url(Calc-bg.png); background-repeat: no-repeat; } #td-key { text-align: center; } &lt;\/style&gt; &lt;\/head&gt; &lt;body&gt; &lt;form name=&#8221;calculator&#8221;&gt; &lt;table id=&#8221;tb-lo&#8221;&gt; [&hellip;]<\/p>\n","protected":false},"author":35,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[37,22,36],"class_list":["post-488","post","type-post","status-publish","format-standard","hentry","category-applications","tag-javascript","tag-programming","tag-total"],"_links":{"self":[{"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/posts\/488"}],"collection":[{"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/users\/35"}],"replies":[{"embeddable":true,"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/comments?post=488"}],"version-history":[{"count":18,"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/posts\/488\/revisions"}],"predecessor-version":[{"id":515,"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/posts\/488\/revisions\/515"}],"wp:attachment":[{"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/media?parent=488"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/categories?post=488"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/tags?post=488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}