Código de JavaScript

Código de JavaScript - Calculadora

Calculadora

JavaScript

(6)

Publicado el 31 de Octubre del 2002 por Ricardo Alcantara Gomez

56.146 visualizaciones desde el 31 de Octubre del 2002

Calculadora hecha en javascript. Espero que sea de buen ejemplo para entender todos los movimientos que hacen las calcudoras y todo lo que los usuarios pueden hacer con ellas. Como el comentario de el codigo: Es una calculadora aun muy sencilla pero con muy buen funcionamiento para que puedas hacer todas las operaciones comunes que hacemos en una calculadora, mas sin embargo trata de ser una copia de la calculadora de Windows por lo tanto seria bueno que se comparen el funcionamiento de esta.

Versión 1
(6)

Publicado el 31 de Octubre del 2002

gráfica de visualizaciones de la versión: Versión 1

56.147 visualizaciones desde el 31 de Octubre del 2002

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

<!-- saved from url=(0022)http://internet.e-mail -->

<HTML>

<HEAD>

<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">

<TITLE></TITLE>

</HEAD>

<BODY>

<FORM action="" id=calculadora method=post name=FORM1>

<P> </P>

<P>

<TABLE bgColor=maroon border=0 cellPadding=1 cellSpacing=1 width="295" style="WIDTH: 295px; HEIGHT: 148px">

  <TR>

    <TD align=middle colspan=6>

      <P align=left><INPUT id=text1 name=text1 style="WIDTH: 185px; HEIGHT: 22px; TEXT-ALIGN:

     right" value=0.

      readonly></P></INPUT></TD>

    </TR>

  <TR>

    <TD align=middle><INPUT onclick='inserta("1")' id=button1 name=button1 style="WIDTH: 29px; HEIGHT: 24px" type=button value=1></TD>

    <TD align=middle><INPUT onclick='inserta("2")' id=button2 name=button1 style="WIDTH: 29px; HEIGHT: 24px" type=button value=2></TD>

    <TD align=middle><INPUT onclick='inserta("3")' id=button3 name=button1 style="WIDTH: 29px; HEIGHT: 24px" type=button value=3></TD>

    <TD align=middle></TD>

    <TD align=middle><INPUT onclick='inserta_operador("-")' id=button- name=button1 style="WIDTH: 54px; HEIGHT: 24px" type=button value=-></TD>

    <TD align=middle><INPUT onclick=borrar() id=buttonC name=button1 type=button value=C style="WIDTH: 54px"></TD></TR>

  <TR>

    <TD align=middle><INPUT onclick='inserta("4")' id=button4 name=button1 style="WIDTH: 29px; HEIGHT: 24px" type=button value=4></TD>

    <TD align=middle><INPUT onclick='inserta("5")' id=button5 name=button1 style="WIDTH: 29px; HEIGHT: 24px" type=button value=5></TD>

    <TD align=middle><INPUT onclick='inserta("6")' id=button6 name=button1 style="WIDTH: 29px; HEIGHT: 24px" type=button value=6></TD>

    <TD align=middle></TD>

    <TD align=middle><INPUT onclick='inserta_operador("+")' id=button+ name=button1 type=button value=+ style="WIDTH: 54px; HEIGHT: 24px"></TD>

    <TD align=middle><INPUT onclick=borrar_todo() id=buttonCE name=button1 type=button value=CE style="WIDTH: 54px"></TD></TR>

  <TR>

    <TD align=middle><INPUT onclick='inserta("7")' id=button7 name=button1 style="WIDTH: 29px; HEIGHT: 24px" type=button value=7></TD>

    <TD align=middle><INPUT onclick='inserta("8")' id=button8 name=button1 style="WIDTH: 29px; HEIGHT: 24px" type=button value=8></TD>

    <TD align=middle><INPUT onclick='inserta("9")' id=button9 name=button1 style="WIDTH: 29px; HEIGHT: 24px" type=button value=9></TD>

    <TD align=middle></TD>

    <TD align=middle><INPUT onclick="inserta_operador('*')" id=button* name=button1 type=button value=* style="WIDTH: 54px; HEIGHT: 24px"></TD>

    <TD align=middle><INPUT onclick='inserta_operador("exp")' id=button_epx name=button1 type=button value=exp style="WIDTH: 54px"></TD></TR>

  <TR>

    <TD align=middle><INPUT onclick='inserta2(".")' id=button_. name=button1 style="WIDTH: 29px; HEIGHT: 24px" type=button value=.></TD>

    <TD align=middle><INPUT onclick='inserta2("0")' id=button0 name=button1 style="WIDTH: 29px; HEIGHT: 24px" type=button value=0></TD>

    <TD align=middle><INPUT onclick='inserta2("00")' id=button00 name=button1 style="WIDTH: 29px; HEIGHT: 24px" type=button value=00></TD>

    <TD align=middle></TD>

    <TD align=middle><INPUT onclick='inserta_operador("/")' id=button/ name=button1 type=button value=/ style="WIDTH: 54px; HEIGHT: 24px"></TD>

    <TD align=middle><INPUT id=button= style="WIDTH: 54px" onclick='inserta_operador("=")' type=button value== name=button1></TD></TR></TABLE></P></FORM>

<script language=javascript>

var resultado=0

var operacion=" "

var acumulador=" "

var operador=" "

var cont_numeros=0

var cont_operador=0

var punto=0

var nueva_ope=true;

var entrada_operador=false;

var entrada_numeros=false;

function inserta(tex)

	if(entrada_numeros)

	{//true es numero

		borrar_todo();

		operacion=tex;

		acumulador=(operacion+'.')

		document.calculadora.text1.value=acumulador;

		nueva_ope=false;

		cont_numeros++;

		entrada_numeros=false;

		entrada_operador=false;

	else if(nueva_ope)

	{//solo entra cuando hay una operacion nueva

		operacion=0;

		punto=0;

		acumulador=" ";

		operacion=tex;

		cont_numeros=0;

		acumulador=(operacion+'.')

		document.calculadora.text1.value=acumulador;

		cont_numeros++;

		nueva_ope=false;

	else if((acumulador)&&(punto==0))

	{//nueva_ope y entrada son falsos

		operacion+=tex;

		acumulador=(operacion+'.')

		document.calculadora.text1.value=acumulador;

		cont_numeros++;

	else

		operacion+=tex;

		acumulador=operacion

		document.calculadora.text1.value=acumulador;

		nueva_ope=false;

		cont_numeros++;

function inserta2(tex)

	switch(tex)

	case '.':

		if(cont_numeros==0)

			operacion="0.";

			acumulador=operacion

			document.calculadora.text1.value=acumulador;

			nueva_ope=false;

			punto++;

			cont_numeros++;

		if(punto==0)

			operacion+=".";

			acumulador=operacion

			document.calculadora.text1.value=acumulador;

			punto++;

			cont_numeros++;

		break;

	case '0':

	case "00":

		if(cont_numeros>=1)

			nueva_ope=false;

			inserta(tex);

		break;

function inserta_operador(tex)

		if((cont_numeros)&&(cont_operador))

		if(tex=='=')

		if(nueva_ope==false)

		{ejecuta()};

		operador=" ";

		cont_operador=0;

		punto=0;

		cont_numeros=0;

		nueva_ope=true;

		entrada_numeros=true;

		entrada_operador=true;

		else

		if(nueva_ope==false)

		{ejecuta();}

		operador=tex;

		nueva_ope=true;

	else if(entrada_operador)

		operador=tex;

		cont_operador=1;

		nueva_ope=true;

		entrada_numeros=false;

		entrada_operador=false;

	else

		resultado=acumulador;

		operador=tex;

		cont_operador=1;

		nueva_ope=true;

function ejecuta()

	var cont=0;

	var opeacum=0;

	var ope=0;

	opeacum=eval(resultado);

	cont=eval(acumulador);

	ope=eval(resultado);

		switch(operador)

			case '+': resultado=(eval(resultado) + eval(acumulador));

				break;

			case '-': resultado=(eval(resultado) - eval(acumulador));

				break;

			case '*': resultado=(eval(resultado) * eval(acumulador));

				break;

			case '/': resultado=(eval(resultado) / eval(acumulador));

				break;

			case "exp":

				while(cont>=1)

					opeacum*=ope;

					cont--;

				operacion=opeacum;

				resultado=eval(operacion);

				break;

			cont=0;

			cont=resultado%1;

			if(cont!=0)

			document.calculadora.text1.value=resultado;

			else

			document.calculadora.text1.value=(resultado+".");

function borrar()

	acumulador=" ";

	cont_numeros=0;

	document.calculadora.text1.value="0.";

	nueva_ope=true;

function borrar_todo()

	resultado=0;

	operacion=0;

	acumulador=" ";

	operador=" ";

	cont_numeros=0;

	cont_operador=0;

	nueva_ope=true;

	entrada_numeros=false;

	entrada_operador=false;

	document.calculadora.text1.value="0.";

</script>

</BODY>

</HTML>

Comentarios sobre la versión: Versión 1 (6)

luzmila campos

31 de Octubre del 2002

Me ha encantado y me ha parecido muy didactica para entender los procedimientos en java.
Muchas gracias, Ricardo.

Responder

jose luis

6 de Noviembre del 2002

Muy bueno!

Responder

Lourdes

12 de Noviembre del 2002

GRACIAS A TU CODIGO FUENTE, APRENDERE SOBRE JAVASCRIPT.
SUERTE

Responder

sese

25 de Agosto del 2010

necesito ayuda con algo que dice: function inserta (tex) que significa eso

Responder

jonathan aranguren calvo feo

20 de Agosto del 2015

No ha dejado ningún comentario

Responder

estudiante

13 de Mayo del 2016

Amigo el codigo no me sirve por lo visto falta la función ----- "eval(argumento)"-----
q esta dentro de la funcion ejecutar....

me podrias ayudar?

Responder

Comentar la versión: Versión 1

http://lwp-l.com/s351

Cambiar formato del texto seleccionado

Simular un GIF animado

Código de JavaScript - Calculadora

Versión 1(6)

Comentarios sobre la versión: Versión 1 (6)

Comentar la versión: Versión 1

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Versión 1
(6)