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

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>

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.

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: como hacer una calculadora en html5, codigo de la calculadora en html, como hacer un corazon en una calculadora, calculadora basicahtml, calculadora en html con java script

Por favor, ayúdanos a que esta información llegue a la mayor cantidad posible de personas.

Solamente tienes que compartir este artículo en Facebook, Twitter o WhatsApp.

Muchísimas gracias por tu ayuda.

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 *