Calculadora en HTML: Tutorial completo para crear una calculadora con código HTML y Javascript

Enlaces patrocinados

A continuación te presento el código gratuito para tener tu propia calculadora HTML con Javascript para que tu página web sea más dinámica. Muchos personas en Internet necesitan añadir una calculadora básica en sus sitios web para que sus lectores se queden más tiempo y puedan hacer sus cálculos en línea.

Esta es la calculadora ya implementada:

<FORM NAME="Calc">
<TABLE>
<TR>
<TD>
<INPUT TYPE="text" NAME="Input" Size="16">
<br>
</TD>
</TR>
<TR>
<TD>
<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=" x " 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="DoIt" VALUE=" = " OnClick="Calc.Input.value = eval(Calc.Input.value)">
<INPUT TYPE="button" NAME="div" VALUE=" / " OnClick="Calc.Input.value += ' / '">
<br>
</TD>
</TR>
</TABLE>
</FORM>


Enlaces patrocinados


Espero que te haya sido útil el código de la calculadora html, para que puedas brindar este excelente servicio de valor agregado a tus visitantes.

Sabías que…

Una calculadora es un pequeño dispositivo electrónico portátil utilizado para realizar operaciones tanto básicas y complejas de la aritmética. En la actualidad, calculadoras básicas pueden ser muy baratas. Las calculadoras científicas tienden a ser más caras.

La primera calculadora electrónica fue creada en la década de 1960, basándose en la historia extensa de herramientas como el ábaco, desarrollado alrededor del 2000 A.C. y la calculadora mecánica, desarrollada en el siglo XVII.


Enlaces patrocinados


Los dispositivos de bolsillo llegaron a estar disponibles en los años setenta, especialmente después de la invención del microprocesador desarrollada por Intel para la compañía japonesa Busicom.

Las calculadoras electrónicas modernas varían desde modelos del tamaño de una tarjeta de crédito hasta modelos de escritorio robustos con impresoras incorporadas.

Etiquetas: calculadora en html, hacer calculadora en html, como hacer una calculadora con javascript, calculadora html, calculadora html codigo


Un comentario en “Calculadora en HTML: Tutorial completo para crear una calculadora con código HTML y Javascript

  1. Excelente!!
    me gusto mucho como aprende hacer una calculadora.
    gracias.
    saludos.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *