Breadcrumbs

[mikethedj4]

Well here's a very, easy and simple calculator for you guys, of course you can tinker with the code however you want, and style it.

Code: Select all

<!-- Calculator -->
<form name="Calc" action="">
<div class="colorscheme2">
<input type="text" name="Input" size="16" />
</div>
<input type="button" name="one"   value=" 1 " onclick="Calc.Input.value += '1'" />
<input type="button" name="two"   value=" 2 " onclick="Calc.Input.value += '2'" />
<input type="button" name="three" value=" 3 " onclick="Calc.Input.value += '3'" />
<input type="button" name="plus"  value=" + " onclick="Calc.Input.value += ' + '" />
<br />
<input type="button" name="four"  value=" 4 " onclick="Calc.Input.value += '4'" />
<input type="button" name="five"  value=" 5 " onclick="Calc.Input.value += '5'" />
<input type="button" name="six"   value=" 6 " onclick="Calc.Input.value += '6'" />
<input type="button" name="minus" value=" - " onclick="Calc.Input.value += ' - '" />
<br />
<input type="button" name="seven" value=" 7 " onclick="Calc.Input.value += '7'" />
<input type="button" name="eight" value=" 8 " onclick="Calc.Input.value += '8'" />
<input type="button" name="nine"  value=" 9 " onclick="Calc.Input.value += '9'" />
<input type="button" name="times" value=" * " onclick="Calc.Input.value += ' * '" />
<br />
<input type="button" name="clear" value=" c " onclick="Calc.Input.value = ''" />
<input type="button" name="zero"  value=" 0 " onclick="Calc.Input.value += '0'" />
<input type="button" name="comp"  value=" = " 
onclick="Calc.Input.value = eval(Calc.Input.value)" />
<input type="button" name="div"   value=" / " onclick="Calc.Input.value += ' / '" />
</form>
<!-- end Calculator -->

Just copy the text above and paste it into a text editor, and save it as filename.html, and you can begin tinkering with the code doing whatever you want, and when you move the .html file you created into a web browser you'll be able to see that calculator you just got.

Here's a stylized version I created of the exact same calculator below.

calculator.png

If you wanna use the styled version feel free

calculator.zip

Edit:
Here's a post I made on how to do this in JQuery - http://codenstuff.com/forum/viewtopic.php?f=245&t=10964

[Usman55]

First of all, congratz on 1000 posts. Second, nice tut, in which software can I make this?

[mandai]

Use a text editor to save the htm file.

[Usman55]

Okay mandai, I'll try that. Isn't it visual?

[Skillful]

Nice work mikethedj! Keep it up. Also, congrats for completing 1000 posts!

[Zulf]

Okay mandai, I'll try that. Isn't it visual?

No, Mike and some other members here are good at HTML.

[Vikhedgehog]

If You Save It As *.hta it'll Work As An App.

[Usman55]

If You Save It As *.hta it'll Work As An App.

Yeah, it worked. Thanks for the tip... And basically what the app does is that it makes the textbox to answer the question either it is addition, subtraction, multiplication or division. Anyways, I like it.

[mikethedj4]

Thanks for the congrats on 1000 posts, I didn't even notice.

and no this is not visual, this is HTML, and JavaScript.

I used JS to script it for the match, and html to markup everything.

BTW: HTML stands for "HyperText Markup Language".

[GoodGuy17]

I thought I saw this somewhere else, but I guess I didn't.
Nice job, Mike. This seems useful, but I don't really make too many sites. Also, is there any way to change the background of the calculator?