Fórum Calculadora em JavaScript #500623

09/11/2014

0

Front-end

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

Responder

Posts

09/11/2014

Soeuseijothaz

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?
Responder

Gostei + 0

09/11/2014

Fabricio Alves

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.
Responder

Gostei + 0

09/11/2014

Marcio Araujo

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

Gostei + 0

09/11/2014

Soeuseijothaz

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/
Responder

Gostei + 0

10/11/2014

Fabricio Alves

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.
Responder

Gostei + 0

10/11/2014

Fabricio Alves

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

Gostei + 0

10/11/2014

Soeuseijothaz

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!
Responder

Gostei + 0

10/11/2014

Fabricio Alves

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

Gostei + 0

10/11/2014

Soeuseijothaz

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.
Responder

Gostei + 0

10/11/2014

Fabricio Alves

Obrigado pelo suporte, valeu Marcio e jothaz
Responder

Gostei + 0

10/11/2014

Marcio Araujo

Eu tentei mas nem cheguei a ajudar.
Responder

Gostei + 0

15/11/2014

Fabricio Alves

Eu tentei mas nem cheguei a ajudar.


Só em tentar pra mim já é ajudar.
Responder

Gostei + 0

15/11/2014

Fabricio Alves

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>
Responder

Gostei + 0

25/11/2014

Marcio Araujo

Ta legal esse exemplo, só melhorar.
Responder

Gostei + 0

25/11/2014

Fabricio Alves

Testei, modifiquei! valeu
Responder

Gostei + 0

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar