:: CP - Recursos Web :: - Calculadora html

Calculadora html

Calculadora JS/HTML

Una muy buena aplicación en javascript y html que podras entregar como servicio a tus usuarios, una excelente calculadora que incluye las operaciones basicas.

[ Ejemplo: ]

Informacion:
Nombre: Calculadora JS/HTML
Fecha: 06-07-2012
Creditos: cssplantillas
Garantia: Si ?

Enlazanos:

Compartir:

[ Codigos: ]

- Pon esto donde quieras que salga:

<script language="javascript">
function addChar(input, character){
if(input.value == null || input.value == "0")
input.value = character
else
input.value += character}
function deleteChar(input){
input.value = input.value.substring(0, input.value.length - 1)}
function changeSign(input){
if(input.value.substring(0, 1) == "-")
input.value = input.value.substring(1, input.value.length)
else
input.value = "-" + input.value}
function compute(form) {
form.display.value = eval(form.display.value)}
function square(form) {
form.display.value = eval(form.display.value) * eval(form.display.value)}
function checkNum(str) {
	for (var i = 0; i < str.length; i++) {
		var ch = str.substring(i, i+1)
		if (ch < "0" || ch > "9") {
			if (ch != "/" && ch != "*" && ch != "+" && ch != "-" 
				&& ch != "(" && ch!= ")") {
				alert("Hemos localizado un error, por favor revisa la operación.")
				return false
}}}
return true}</script>
<form><table style="border:2px solid #cfcfcf;font-weight:bold;text-align:center;background:#E0F8EC;font-family:courier new;">
<tr><td colspan="4"><table style="border:0px;"><tr><td><center>
<input name="display" value="0" size="20" style="text-align:right;font-wight:bold;padding:3px;font-size:20px;">
</center></td></tr></table></td>
</tr><tr style="text-align:center;">
<td><input type="button" value="    7    " onClick="addChar(this.form.display, '7')"></td>
<td><input type="button" value="    8    " onClick="addChar(this.form.display, '8')"></td>
<td><input type="button" value="    9    " onClick="addChar(this.form.display, '9')"></td>
<td><input type="button" value="    /    " onClick="addChar(this.form.display, '/')"></td>
</tr><tr style="text-align:center;">
<td><input type="button" value="    4    " onClick="addChar(this.form.display, '4')"></td>
<td><input type="button" value="    5    " onClick="addChar(this.form.display, '5')"></td>
<td><input type="button" value="    6    " onClick="addChar(this.form.display, '6')"></td>
<td><input type="button" value="    *    " onClick="addChar(this.form.display, '*')"></td>
</tr><tr style="text-align:center;">
<td><input type="button" value="    1    " onClick="addChar(this.form.display, '1')"></td>
<td><input type="button" value="    2    " onClick="addChar(this.form.display, '2')"></td>
<td><input type="button" value="    3    " onClick="addChar(this.form.display, '3')"></td>
<td><input type="button" value="    -    " onClick="addChar(this.form.display, '-')"></td>
</tr><tr style="text-align:center;">
<td><input type="button" value="    0    " onClick="addChar(this.form.display, '0')"> </td>
<td><input type="button" value="    .    " onClick="addChar(this.form.display, '.')"> </td>
<td><input type="button" value="  +/-   " onClick="changeSign(this.form.display)"></td>
<td><input type="button" value="    +    " onClick="addChar(this.form.display, '+')"></td>
</tr><tr style="text-align:center;">
<td><input type="button" value="    (    " onClick="addChar(this.form.display, '(')"> </td>
<td><input type="button" value="    )    " onClick="addChar(this.form.display, ')')"> </td>
<td><input type="button" value="   sq    " onClick="if (checkNum(this.form.display.value))	{ square(this.form) }"></td>
<td><input type="button" value="  <-    " onClick="deleteChar(this.form.display)"></td>
</tr><tr style="text-align:center;">
<td colspan="2"><input type="button" value="  RESULTADO  " name="enter" onClick="if (checkNum(this.form.display.value)) { compute(this.form) }"></td>
<td colspan="2"><input type="button" value="    LIMPIAR    " onClick="this.form.display.value = 0 "></td>
</tr></table></form>

Apuntes
Solo copia el texto y ponlo donde quieras que aparesca. Si sabes HTML modifica a tu gusto el diseño.
- Para cualquier consulta visita nuestro Foro de soporte.

:: CP - Recursos Web ::

Calculadora html

Calculadora JS/HTML

Buscador

Lo más reciente:

PUBLICIDAD

EN TWITTER!

Suscribete

Lo más buscado