Calculadora em JavaScript

Front-end

09/11/2014

Com dificuldade em criar uma simples calculadora em JavaScript, como posso fazer para que o visual se pareça com uma, table?...tentei fazer um esqueleto mas ja meio feio...
Fabricio Alves

Fabricio Alves

Curtidas 0

Respostas

Soeuseijothaz

Soeuseijothaz

09/11/2014

O que você quis dizer com : "fazer para que o visual se pareça com uma, table?"?

Sua dificuldade é com css ou com a implementação?
GOSTEI 0
Fabricio Alves

Fabricio Alves

09/11/2014

Com dificuldade em criar uma simples calculadora em JavaScript, como posso fazer para que o visual se pareça com uma, table?


se pareça com uma calculadora, utilizo o que? table, div...?

desculpa realmente não consegui informar corretamente.
GOSTEI 0
Marcio Araujo

Marcio Araujo

09/11/2014

Já começou a fazer alguma coisa Fabricio, posta o codigo.
GOSTEI 0
Soeuseijothaz

Soeuseijothaz

09/11/2014

Olha existem alguns plugins prontos para isto procura por "Calculadora em Javascript / jQquery" no google. Segue um link http://www.scriptbrasil.com.br/download/codigo/7843/

Outros link´s: http://fazer-site.net/como-criar-uma-calculadora-javascript/
GOSTEI 0
Fabricio Alves

Fabricio Alves

09/11/2014

Já começou a fazer alguma coisa Fabricio, posta o codigo.


Estava tentando fazer com um exemplo achei, mas fiquei meio confuso por ser todo em inglês.
GOSTEI 0
Fabricio Alves

Fabricio Alves

09/11/2014

jothaz, vou ver ler e entender para fazer aprender, não gosto de simplesmente copiar.
GOSTEI 0
Soeuseijothaz

Soeuseijothaz

09/11/2014

jothaz, vou ver ler e entender para fazer aprender, não gosto de simplesmente copiar.


Em nenhum momento sugeri copiar, seria mesmo para inspirar.

Se você esta com dificuldade de saber por onde começar nada melhor que ver um exemplo funcional e adaptá-lo.

Bom estudo e boa sorte!
GOSTEI 0
Fabricio Alves

Fabricio Alves

09/11/2014

Eu sei, falei por uma questão e não interpretei a sua ajuda como simplesmente copiar, entendeu, desculpa se entendeu de forma errada.
GOSTEI 0
Soeuseijothaz

Soeuseijothaz

09/11/2014

Eu sei, falei por uma questão e não interpretei a sua ajuda como simplesmente copiar, entendeu, desculpa se entendeu de forma errada.


Relaxa. Não têm nem o que desculpar.
GOSTEI 0
Fabricio Alves

Fabricio Alves

09/11/2014

Obrigado pelo suporte, valeu Marcio e jothaz
GOSTEI 0
Marcio Araujo

Marcio Araujo

09/11/2014

Eu tentei mas nem cheguei a ajudar.
GOSTEI 0
Fabricio Alves

Fabricio Alves

09/11/2014

Eu tentei mas nem cheguei a ajudar.


Só em tentar pra mim já é ajudar.
GOSTEI 0
Fabricio Alves

Fabricio Alves

09/11/2014

Achei esses


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Fontes</title>
		<meta name="Description" content="" />
		<meta name="Keywords" content="" />			
	</head>
	<body>
		<CENTER>
		<FORM NAME="Calc">
				<TABLE BORDER=4>
					<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>
	</CENTER>
	</body>
</html>
GOSTEI 0
Marcio Araujo

Marcio Araujo

09/11/2014

Ta legal esse exemplo, só melhorar.
GOSTEI 0
Fabricio Alves

Fabricio Alves

09/11/2014

Testei, modifiquei! valeu
GOSTEI 0
POSTAR