Estoy intentado crear una calculadora científica en javascript, lo primero que estoy he intentado es hacer que todos los valores a operar se introduzcan en un mismo campo (input,text) y que muestre el resultado al hacer click en un botón, si tengo 2000 ÷ 110
ó 200 x 5
en cualquiera de los dos casos dentro de un mismo input, he intentado que de alguna manera se ejecuten las operaciones y me regrese un resultado (estoy consciente que con una función EVAL las operaciones anteriores de esta forma 2000 / 110
ó 200 * 5
, se ejecutarían pero no quiero hacerlo de esa forma). Cualquier ayuda es bienvenida.
Este es el código que se tiene hasta ahora.
* {
margin: 0;
padding: 0;
}
.button1 {
background-color: #f1f1f1;
padding: 21px 34px;
text-align: center;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<script src="main.js"></script>
</head>
<body>
<form name="calculat">
<div style="padding-left: 10px;">
<divstyle="padding-top:5px;padding-left: 10px;">
<input type="text" class="numbers" name="numbers1" style="width: 325px;text-align: right;"></input>
</div>
<div style="padding-top:5px;padding-left: 10px;">
<input type="button" class="button1" value="7" onclick="numbers1.value += '7'"></input>
<input type="button" class="button1" value="8" onclick="numbers1.value += '8'"></input>
<input type="button" class="button1" value="9" onclick="numbers1.value += '9'"></input>
<input type="button" class="button1" value="÷" onclick="numbers1.value += '÷'"></input>
</div>
<div style="padding-top:5px;padding-left: 10px;">
<input type="button" class="button1" value="4" onclick="numbers1.value += '4'"></input>
<input type="button" class="button1" value="5" onclick="numbers1.value += '5'"></input>
<input type="button" class="button1" value="6" onclick="numbers1.value += '6'"></input>
<input type="button" class="button1" value="x" onclick="numbers1.value += 'x'"></input>
</div>
<div style="padding-top:5px;padding-left: 10px;">
<input type="button" class="button1" value="1" onclick="numbers1.value += '1'"/>
<input type="button" class="button1" value="2" onclick="numbers1.value += '2'"></input>
<input type="button" class="button1" value="3" onclick="numbers1.value += '3'"></input>
<input type="button" class="button1" value="-" onclick="numbers1.value += '-'"></input>
</div>
<div style="padding-top:5px;padding-left: 10px;">
<input type="button" class="button1" value="0" onclick="numbers1.value += '0'"></input>
<input type="button" class="button1" value="." style="font-size:15px;" onclick="numbers1.value += '.'"></input>
<input type="button" class="button1" value="=" onclick="numbers1.value += '='"></input>
<input type="button" class="button1" value="+" onclick="numbers1.value += '+'"></input>
<input type="button" class="button1" value="Del" onclick="numbers1.value = ''"/>
</div>
</form>
</body>
</html>
split()
, para dividir la cadena por operadores aritméticos, vi que tu calculadora solo tiene "+-*/", vas a incluir otras funciones de calculadora científica (sin, cos, tan, ln, etc) ?