Gadget Calculadora para Blog/Site ~ Turquesa

Criei esta calculadora feita com HTML e Javas Script para que você possa usa-la como Gadget em seu blog ou site, é bem simples de usa-la (como uma calculadora qualquer) clique nos números que deseja calcular e depois nos sinais, para limpar a conta clique no botão C

Código da Calculadora

Azul

<br /><div class="calculadora"><form name="calculadoraform"><table class="calctable" border="1"><tr id="visor"> <td bgcolor="#fff" colspan="4"><br /><input disabled type="text" name="visor" class="visor"/><br /></td> </tr><tr> <td><input type="button" value="7" class="botao" onClick="visor.value+='7'"/></td> <td><input type="button" value="8" class="botao" onClick="visor.value+='8'"/></td> <td><input type="button" value="9" class="botao" onClick="visor.value+='9'"/></td> <td><input type="button" value="+" class="botao" onClick="visor.value+=' + '"/></td> </tr><tr> <td><input type="button" class="botao" value="4" onClick="visor.value+='4'"/></td> <td><input type="button" value="5" class="botao" onClick="visor.value+='5'"/></td> <td><input type="button" value="6" class="botao" onClick="visor.value+='6'"/></td> <td><input type="button" value="−" class="botao" onClick="visor.value+=' - '"/></td> </tr><tr> <td><input type="button" value="1" class="botao" onClick="visor.value+='1'"/></td> <td><input type="button" value="2" class="botao" onClick="visor.value+='2'"/></td> <td><input type="button" value="3"class="botao" onClick="visor.value+='3'"/></td> <td><input type="button" value="×" title="Multiplicar" class="botao" onClick="visor.value+=' * '"/></td> </tr><tr> <td><input type="button" value="C" class="botao" onClick="visor.value=''"/></td> <td><input type="button" value="0" class="botao" onClick="visor.value+='0'"/></td> <td><input type="button" value="=" class="botao" onClick="visor.value=eval(visor.value)"/></td> <td><input type="button" value="÷" title="Dividir" class="botao" onClick="visor.value+=' / '"/></td> </tr></table></form><div class="linkcalc"><br /><br /><span id="preserve482405bc043340b69c2fafaba23629f8" class="wlWriterPreserve"><script type="text/javascript" src="http://static.tumblr.com/726xof9/2xlmqxe5g/mini_calc_link.js"></script></span> <br /></div></div><br /><br /><link rel="stylesheet" type="text/css" href="http://static.tumblr.com/726xof9/qAWmqxff2/mini_calc_azul.css" /><br />

Rosa

<br /><div class="calculadora"><form name="calculadoraform"><table class="calctable" border="1"><tr id="visor"> <td bgcolor="#fff" colspan="4"><br /><input disabled type="text" name="visor" class="visor"/><br /></td> </tr><tr> <td><input type="button" value="7" class="botao" onClick="visor.value+='7'"/></td> <td><input type="button" value="8" class="botao" onClick="visor.value+='8'"/></td> <td><input type="button" value="9" class="botao" onClick="visor.value+='9'"/></td> <td><input type="button" value="+" class="botao" onClick="visor.value+=' + '"/></td> </tr><tr> <td><input type="button" class="botao" value="4" onClick="visor.value+='4'"/></td> <td><input type="button" value="5" class="botao" onClick="visor.value+='5'"/></td> <td><input type="button" value="6" class="botao" onClick="visor.value+='6'"/></td> <td><input type="button" value="−" class="botao" onClick="visor.value+=' - '"/></td> </tr><tr> <td><input type="button" value="1" class="botao" onClick="visor.value+='1'"/></td> <td><input type="button" value="2" class="botao" onClick="visor.value+='2'"/></td> <td><input type="button" value="3"class="botao" onClick="visor.value+='3'"/></td> <td><input type="button" value="×" title="Multiplicar" class="botao" onClick="visor.value+=' * '"/></td> </tr><tr> <td><input type="button" value="C" class="botao" onClick="visor.value=''"/></td> <td><input type="button" value="0" class="botao" onClick="visor.value+='0'"/></td> <td><input type="button" value="=" class="botao" onClick="visor.value=eval(visor.value)"/></td> <td><input type="button" value="÷" title="Dividir" class="botao" onClick="visor.value+=' / '"/></td> </tr></table></form><div class="linkcalc"><br /><br /><span id="preserve577572b1dbba40eaa9420b08bb8d8ceb" class="wlWriterPreserve"><script type="text/javascript" src="http://static.tumblr.com/726xof9/2xlmqxe5g/mini_calc_link.js"></script></span> <br /></div></div><br /><br /><link rel="stylesheet" type="text/css" href="http://static.tumblr.com/726xof9/BU3mqxe8x/mini_calc_pink.css" /><br />

Verde

<br /><div class="calculadora"><form name="calculadoraform"><table class="calctable" border="1"><tr id="visor"> <td bgcolor="#fff" colspan="4"><br /><input disabled type="text" name="visor" class="visor"/><br /></td> </tr><tr> <td><input type="button" value="7" class="botao" onClick="visor.value+='7'"/></td> <td><input type="button" value="8" class="botao" onClick="visor.value+='8'"/></td> <td><input type="button" value="9" class="botao" onClick="visor.value+='9'"/></td> <td><input type="button" value="+" class="botao" onClick="visor.value+=' + '"/></td> </tr><tr> <td><input type="button" class="botao" value="4" onClick="visor.value+='4'"/></td> <td><input type="button" value="5" class="botao" onClick="visor.value+='5'"/></td> <td><input type="button" value="6" class="botao" onClick="visor.value+='6'"/></td> <td><input type="button" value="−" class="botao" onClick="visor.value+=' - '"/></td> </tr><tr> <td><input type="button" value="1" class="botao" onClick="visor.value+='1'"/></td> <td><input type="button" value="2" class="botao" onClick="visor.value+='2'"/></td> <td><input type="button" value="3"class="botao" onClick="visor.value+='3'"/></td> <td><input type="button" value="×" title="Multiplicar" class="botao" onClick="visor.value+=' * '"/></td> </tr><tr> <td><input type="button" value="C" class="botao" onClick="visor.value=''"/></td> <td><input type="button" value="0" class="botao" onClick="visor.value+='0'"/></td> <td><input type="button" value="=" class="botao" onClick="visor.value=eval(visor.value)"/></td> <td><input type="button" value="÷" title="Dividir" class="botao" onClick="visor.value+=' / '"/></td> </tr></table></form><div class="linkcalc"><br /><br /><span id="preserve6491b5a4ad254707a104ba7fa8a2e51f" class="wlWriterPreserve"><script type="text/javascript" src="http://static.tumblr.com/726xof9/2xlmqxe5g/mini_calc_link.js"></script></span> <br /></div></div><br /><br /><link rel="stylesheet" type="text/css" href="http://static.tumblr.com/726xof9/SYKmqxft0/mini_calc_verde.css" /><br />

Preta

<br /><div class="calculadora"><form name="calculadoraform"><table class="calctable" border="1"><tr id="visor"> <td bgcolor="#fff" colspan="4"><br /><input disabled type="text" name="visor" class="visor"/><br /></td> </tr><tr> <td><input type="button" value="7" class="botao" onClick="visor.value+='7'"/></td> <td><input type="button" value="8" class="botao" onClick="visor.value+='8'"/></td> <td><input type="button" value="9" class="botao" onClick="visor.value+='9'"/></td> <td><input type="button" value="+" class="botao" onClick="visor.value+=' + '"/></td> </tr><tr> <td><input type="button" class="botao" value="4" onClick="visor.value+='4'"/></td> <td><input type="button" value="5" class="botao" onClick="visor.value+='5'"/></td> <td><input type="button" value="6" class="botao" onClick="visor.value+='6'"/></td> <td><input type="button" value="−" class="botao" onClick="visor.value+=' - '"/></td> </tr><tr> <td><input type="button" value="1" class="botao" onClick="visor.value+='1'"/></td> <td><input type="button" value="2" class="botao" onClick="visor.value+='2'"/></td> <td><input type="button" value="3"class="botao" onClick="visor.value+='3'"/></td> <td><input type="button" value="×" title="Multiplicar" class="botao" onClick="visor.value+=' * '"/></td> </tr><tr> <td><input type="button" value="C" class="botao" onClick="visor.value=''"/></td> <td><input type="button" value="0" class="botao" onClick="visor.value+='0'"/></td> <td><input type="button" value="=" class="botao" onClick="visor.value=eval(visor.value)"/></td> <td><input type="button" value="÷" title="Dividir" class="botao" onClick="visor.value+=' / '"/></td> </tr></table></form><div class="linkcalc"><br /><br /><span id="preserve2bfcfd8ae7e24ed18f91be8f2d9425ac" class="wlWriterPreserve"><script type="text/javascript" src="http://static.tumblr.com/726xof9/2xlmqxe5g/mini_calc_link.js"></script></span> <br /></div></div><br /><br /><link rel="stylesheet" type="text/css" href="http://static.tumblr.com/726xof9/qsfmqxg73/mini_calc_black.css" /><br />

Clara

<br /><div class="calculadora"><form name="calculadoraform"><table class="calctable" border="1"><tr id="visor"><td bgcolor="#fff" colspan="4"><br /><input disabled type="text" name="visor" class="visor"/><br /></td></tr><tr><td><input type="button" value="7" class="botao" onClick="visor.value+='7'"/></td><td><input type="button" value="8" class="botao" onClick="visor.value+='8'"/></td><td><input type="button" value="9" class="botao" onClick="visor.value+='9'"/></td><td><input type="button" value="+" class="botao" onClick="visor.value+=' + '"/></td></tr><br><tr><td><input type="button" class="botao" value="4" onClick="visor.value+='4'"/></td><td><input type="button" value="5" class="botao" onClick="visor.value+='5'"/></td><td><input type="button" value="6" class="botao" onClick="visor.value+='6'"/></td><td><input type="button" value="−" class="botao" onClick="visor.value+=' - '"/></td></tr><br><tr><td><input type="button" value="1" class="botao" onClick="visor.value+='1'"/></td><td><input type="button" value="2" class="botao" onClick="visor.value+='2'"/></td><td><input type="button" value="3"class="botao" onClick="visor.value+='3'"/></td><td><input type="button" value="×" title="Multiplicar" class="botao" onClick="visor.value+=' * '"/></td></tr><br><tr><td><input type="button" value="C" class="botao" onClick="visor.value=''"/></td><td><input type="button" value="0" class="botao" onClick="visor.value+='0'"/></td><td><input type="button" value="=" class="botao" onClick="visor.value=eval(visor.value)"/></td><td><input type="button" value="÷" title="Dividir" class="botao" onClick="visor.value+=' / '"/></td></tr></table></form><div class="linkcalc"><br><br /><span id="preserve914d250653514aafba2d69affb81138f" class="wlWriterPreserve"><script type="text/javascript" src="http://static.tumblr.com/726xof9/2xlmqxe5g/mini_calc_link.js"></script></span> <br /></div></div><br /><br /><link rel="stylesheet" type="text/css" href="http://static.tumblr.com/726xof9/Wnemqxgmv/mini_calc_clear.css" /><br />

Se quiser mais opções de cores de calculadora e só pedir nos comentários!!