Cómo hacer una calculadora básica con JavaScript

Básicamente es realmente muy fácil.

Una función llamada eval() ya está disponible en el script java, por lo que solo tiene que pasar la expresión aritmética a esta función eval.

ex: –

var x = 10;
var y = 20;
var a = eval (“x * y”);

Salida:

200

checkout JavaScript eval () Función para saber más al respecto.

Aquí está mi código de calculadora simple como ese en su teclado

Calculadora

# text1, # text2 {

}
botón{
ancho: 100%;
altura: 100%;
}

función event1 (x) {
document.getElementById (“text1”). value + = x;
}
función event2 () {
var x = document.getElementById (“text1”). value;
document.getElementById (“text1”). value = eval (x);
}

Calculadora

Espero que esto ayude.

Desarrollo webJavaScriptLenguajes de programaciónProgramación informática

Related Content

¿Qué es la sesión en PHP?

¿Por qué PHP no tiene un servidor de aplicaciones como el WEBrick de Ruby?

¿Cómo mejor puedo mejorar mi página de inicio para que la gente use mi sitio?

¿Puede PHP escalar verticalmente? ¿Hasta dónde debo exprimir un servidor antes de pensar en un equilibrador de carga?

¿Ya has hecho un sitio web en WordPress? Si es así, ¿cómo encontraste toda la experiencia?

¿Qué software de diseño es más necesario para los estudiantes de ingeniería mecánica?

¿Debo incluso usar WordPress para sitios de una página?

Shubham Upadhyay

CÓDIGO:

Calculadora Javascript

cuerpo {

color de fondo: #fff;

margen: 0px auto;

}

.calbody {

fondo: # 097C9B;

borde: 1px sólido # ff0;

acolchado: 10px;

margen izquierdo: 450 px;

ancho min: 27.4em;

ancho máximo: 27.4em;

}

h1 {

alinear texto: centro;

tamaño de fuente: 40px;

color: # 003652;

}

#lcd {

alineación de texto: derecha;

ancho: 23em;

altura: 40px;

tamaño de fuente: 18px;

}

#lcdu {

color: gris;

alineación de texto: derecha;

ancho: 27.6em;

altura: 35 px;

tamaño de fuente: 15px;

}

botón{

color de fondo: #fff;

ancho: 80px;

altura: 60px;

tamaño de fuente: 20px;

borde: 1px sólido # 097C9B;

}

botón: desplazar {

color de fondo: # 509CA9;

}

Calculadora Javascript

var primer número;

var segundo número;

resultado var;

operaciones var;

función numone () {

if (document.lcdform.lcds.value == "0" || document.lcdform.lcds.value == result) {

document.lcdform.lcds.value = "1";

}

else //if(document.lcdform.lcds.value! = "0")

{

documentdocument.lcdform.lcds.value = document.lcdform.lcds.value + "1";

}

función numtwo () {

if (document.lcdform.lcds.value == "0" || document.lcdform.lcds.value == result) {

document.lcdform.lcds.value = "2";

}

else //if(document.lcdform.lcds.value! = "0")

{

documentdocument.lcdform.lcds.value = document.lcdform.lcds.value + "2";

}

función numthree () {

if (document.lcdform.lcds.value == "0" || document.lcdform.lcds.value == result) {

document.lcdform.lcds.value = "3";

}

else //if(document.lcdform.lcds.value! = "0")

{

documentdocument.lcdform.lcds.value = document.lcdform.lcds.value + "3";

}

función numfour () {

if (document.lcdform.lcds.value == "0" || document.lcdform.lcds.value == result) {

document.lcdform.lcds.value = "4";

}

else //if(document.lcdform.lcds.value! = "0")

{

documentdocument.lcdform.lcds.value = document.lcdform.lcds.value + "4";

}

función numfive () {

if (document.lcdform.lcds.value == "0" || document.lcdform.lcds.value == result) {

document.lcdform.lcds.value = "5";

}

else //if(document.lcdform.lcds.value! = "0")

{

documentdocument.lcdform.lcds.value = document.lcdform.lcds.value + "5";

}

función numsix () {

if (document.lcdform.lcds.value == "0" || document.lcdform.lcds.value == result) {

document.lcdform.lcds.value = "6";

}

else //if(document.lcdform.lcds.value! = "0")

{

documentdocument.lcdform.lcds.value = document.lcdform.lcds.value + "6";

}

función numseven () {

if (document.lcdform.lcds.value == "0" || document.lcdform.lcds.value == result) {

document.lcdform.lcds.value = "7";

}

else //if(document.lcdform.lcds.value! = "0")

{

documentdocument.lcdform.lcds.value = document.lcdform.lcds.value + "7";

}

función numeight () {

if (document.lcdform.lcds.value == "0") {

document.lcdform.lcds.value = "8";

}

si no (document.lcdform.lcds.value == result)

{

document.lcdform.lcds.value = "8";

}

else //if(document.lcdform.lcds.value! = "0")

{

documentdocument.lcdform.lcds.value = document.lcdform.lcds.value + "8";

}

función numnine () {

if (document.lcdform.lcds.value == "0" || document.lcdform.lcds.value == result) {

document.lcdform.lcds.value = "9";

}

else //if(document.lcdform.lcds.value! = "0")

{

documentdocument.lcdform.lcds.value = document.lcdform.lcds.value + "9";

}

función numzero () {

if (document.lcdform.lcds.value == "0") {

document.lcdform.lcds.value = "0";

}

si no (document.lcdform.lcds.value == result)

{

document.lcdform.lcds.value = "0";

}

else //if(document.lcdform.lcds.value! = "0")

{

documentdocument.lcdform.lcds.value = document.lcdform.lcds.value + "0";

}

función numdobuzero () {

if (document.lcdform.lcds.value == "0" || document.lcdform.lcds.value == result) {

regreso;

}

else //if(document.lcdform.lcds.value! = "0")

{

documentdocument.lcdform.lcds.value = document.lcdform.lcds.value + "00";

}

función clr () {

document.lcdform.lcds.value = "0";

document.lcdform.lcdsu.value = "";

regreso;

}

función operationplus () {

operación = "+";

primer número = parseInt (document.lcdform.lcds.value);

document.lcdform.lcds.value = "0";

document.lcdform.lcdsu.value = primer número + operación;

// alerta (primer número);

}

function operationmult () {

operación = "*";

primer número = parseInt (document.lcdform.lcds.value);

document.lcdform.lcds.value = "0";

document.lcdform.lcdsu.value = primer número + operación;

}

función operationminus () {

operación = "-";

primer número = parseInt (document.lcdform.lcds.value);

document.lcdform.lcds.value = "0";

document.lcdform.lcdsu.value = primer número + operación;

}

function operationdivid () {

operación = "/";

primer número = parseInt (document.lcdform.lcds.value);

document.lcdform.lcds.value = "0";

document.lcdform.lcdsu.value = primer número + operación;

}

function operationperc () {

operación = "%";

primer número = parseInt (document.lcdform.lcds.value);

document.lcdform.lcds.value = "0";

document.lcdform.lcdsu.value = primer número + operación;

}

función equalsto () {

segundo número = parseInt (document.lcdform.lcds.value);

if (operación == "+")

{

resultado = primer número + segundo número;

}

si no (operación == "*") {

resultado = primer número * segundo número;

}

si no (operación == "-") {

resultado = primer número - segundo número;

}

si no (operación == "/") {

resultado = primer número / segundo número;

}

si no (operación == "%") {

if (document.lcdform.lcds.value == "0") {

resultado = primer número / 100;

document.lcdform.lcdsu.value = primer número + operación + "100";

}

si no (document.lcdform.lcds.value! = "0") {

resultado = primer número / segundo número * 100;

document.lcdform.lcdsu.value = primer número + operación + segundo número + "* 100 =" + resultado;

}

si no (operación == "^") {

para (var i = 0; i

resultado = primer número * i;

}

document.lcdform.lcds.value = "";

document.lcdform.lcds.value = result.toString ();

document.lcdform.lcdsu.value = firstnumber + operation + secondnumber + "=" + result.toString ();

regreso;

}

función sqrots () {

primer número = document.lcdform.lcds.value;

resultado = Math.sqrt (parseInt (document.lcdform.lcds.value));

document.lcdform.lcds.value = result;

document.lcdform.lcdsu.value = "sqrt (" + firstnumber + ") =" + result;

}

función operationraistop () {

operación = "^";

primer número = parseInt (document.lcdform.lcds.value);

document.lcdform.lcds.value = "0";

}

SALIDA

Shubham Upadhyay

La siguiente plataforma te ayudará en esto

1. Descargue la aplicación SoloLearn en su plataforma Android o iOS, luego hay un área de juegos de códigos donde puede hacer una calculadora básica usando js. (Requiere conexión de red). También puedes usarlo en tu PC.

2. Descargue la aplicación DeCoder de Play Store. Es un código muy bueno para casi todos los lenguajes de programación.

Ahora la pregunta es cómo …

1. Tome SS de su calculadora predeterminada y haga el mismo diseño que se muestra en la aplicación.

2. No, usará como 1 2 3 o signos como + – * /. Hazlos todos botones. (Tendrá que hacer clic en estos botones, así es como harán los cálculos).

3. La ventana de visualización que necesitará para mostrar los resultados vendrá de la etiqueta con type = “number”. 4. Eventos básicos que usará en este tipo de clic, onclick, mouseover.

Así es como puedes hacer una calculadora básica. Nota: necesita cualquier tipo de ayuda, solo busque en Google con la palabra clave correcta. Puede convertirlo en un átomo o en un bloc de notas, pero le sugiero que vaya a IDEs en línea por menos tiempo.

Gracias

Laxman Vijay

Hay una función de JavaScript incorporada llamada eval ().

Con esta función, puede calcular la aritmética de varias variables.

mira este enlace: JavaScript eval () Function

var x = 10;
var y = 20;
var a = eval (“x * y”) + “
“;
var b = eval (“2 + 2”) + “
“;
var c = eval (“x + 17”) + “
“;
var res = a + b + c;

la salida es:

200

4 4

Al usar esta función, simplemente puede evaluar los valores que le pasa.

Puede obtener la entrada de la página HTML utilizando la entrada de formulario.

Laxman Vijay