Calculadoras JavaScript para Blog o Página Web

Tweet



Compartir

Tienes un blog de números, de matemática, de dinero, o... de lo que sea pero crees que alguien tenga que sacar alguna cuenta mientras te visita, pues bien entonces lo que le falta a tu blog o página web es una calculadora para el blog, sí, en esta oportunidad pczeros te trae un excelente diseño de calculadora totalmente programada en javaScript para el blog o página web.
Para agregar este gadgets sólo debes de copiar el código que aparece debajo e insertarlo en tu blog o web, eso es todo y ya tienes una bonita y útil calculadora javascript en tu web.

Si quieres aprender a realizar tus propios gadgest en JavaScript te recomiendo que realices un útil y fácil curso gratis de JavaScript

<table border="0" bordercolor="#111111" id="AutoNumber1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%"> <tr> <td width="33%"> </td> <td width="33%"><font size="1">  </font><div id="calc" class="drag"> <form name="calculator"> <table bordercolor="gray" border="3" cellspacing="1" cellpadding="0" width="150" bgcolor="black"> <tr> <td> <input style="color: red; background: black" length="19" name="ans" size="19"/> </td> </tr> </table> <table bordercolor="gray" border="3" cellspacing="2" cellpadding="2" width="150" bgcolor="black"> <tr> <td align="middle"> <input onmousedown="document.calculator.ans.value+='7'" value=" 7 " name="seven" type="button"/> </td> <td align="middle"> <input value=" 8 " name="eight" onclick="document.calculator.ans.value+='8'" type="button"/> </td> <td align="middle"> <input value=" 9 " name="nine" onclick="document.calculator.ans.value+='9'" type="button"/> </td> <td align="middle"> <input value=" / " name="divide" onclick="document.calculator.ans.value+='/'" type="button"/> </td> </tr> <tr> <td align="middle"> <input value=" 4 " name="four" onclick="document.calculator.ans.value+='4'" type="button"/> </td> <td align="middle"> <input value=" 5 " name="five" onclick="document.calculator.ans.value+='5'" type="button"/> </td> <td align="middle"> <input value=" 6 " name="six" onclick="document.calculator.ans.value+='6'" type="button"/> </td> <td align="middle"> <input value=" * " name="multiply" onclick="document.calculator.ans.value+='*'" type="button"/> </td> </tr> <tr> <td align="middle"> <input value=" 1 " name="one" onclick="document.calculator.ans.value+='1'" type="button"/> </td> <td align="middle"> <input value=" 2 " name="two" onclick="document.calculator.ans.value+='2'" type="button"/> </td> <td align="middle"> <input value=" 3 " name="three" onclick="document.calculator.ans.value+='3'" type="button"/> </td> <td align="middle"> <input value=" - " name="subtract" onclick="document.calculator.ans.value+='-'" type="button"/> </td> </tr> <tr> <td align="middle"> <input value=" C " name="clear" onclick="document.calculator.ans.value=''" type="button"/> </td> <td align="middle"> <input value=" 0 " name="zero" onclick="document.calculator.ans.value+='0'" type="button"/> </td> <td align="middle"> <input value=" = " name="equal" onclick="document.calculator.ans.value=eval(document.calculator.ans.value)" type="button"/> </td> <td align="middle"> <input value=" + " name="add" onclick="document.calculator.ans.value+='+'" type="button"/> </td> </tr> </table> </form> </div> </td> <td width="34%"> </td> </tr> </table> <a href="http://pczeros.blogspot.com" target="_blank"><img src="http://sites.google.com/site/pczeros/Home/2t.gif" border="0" alt="gadgets para blogger" title="gadgets para blogger"/></a>

Si te queda alguna duda de donde o cómo copiar y pegar el código puedes leer cómo agregar accesorios al blog

Tenés ganas de seguir agregando cosas a tu blog, de seguir aprendiendo? Bueno! Seguí recorriendo PCzeros!