código JavaScript a la calculadora de diseño

En este programa JavaScript, vamos a aprender cómo crear una calculadora básica ? En este caso, estamos crear un calculatorfor básico que estamos utilizando eval función de JavaScript y el usuario define la función .

Descripción:

class creación de una calculadora básica en JavaScript, utilizamos estructura de la tabla, el botón de tipo de entrada y la función JavaScript eval.

  • Tipo de entrada utilice el botón para obtener información de usuario.
  • estructura de la tabla es el uso para crear la estructura de la calculadora.
  • Eval función para evaluar la función.

Las miradas de salida como …

JavaScript code to design calculator - 4

Código para el diseño de la calculadora

<html>
<head>
<script>
function d(val){
document.getElementById('result').value+=val;
}
function solve(){
var value1= document.getElementById('result').value;
let res = eval(value1);
document.getElementById('result').value=res;
}
functioncleard(){
document.getElementById('result').value="";
}
</script>
<style type="text/css">
body,html{
matgin:0px;
}
input[type="button"]{
border:none;
width:100%;
outline: none;
}
#wrap
{
margin:10%;
}
</style>
</head>
<body>
<div id='wrap'>
<table border="1">
<tr>
<td colspan="3"><input type="text" id="result" readonly></td>
<td><input type="button" value="C" onClick="cleard()"></td>
</tr>
<tr>
<td><input type="button" value="1" onClick="d('1')"></td>
<td><input type="button" value="2" onClick="d('2')"></td>
<td><input type="button" value="3" onClick="d('3')"></td>
<td><input type="button" value="+" onClick="d('+')"></td>
</tr>
<tr>
<td><input type="button" value="4" onClick="d('4')"></td>
<td><input type="button" value="5" onClick="d('5')"></td>
<td><input type="button" value="6" onClick="d('6')"></td>
<td><input type="button" value="-" onClick="d('-')"></td>
</tr>
<tr>
<td><input type="button" value="7" onClick="d('7')"></td>
<td><input type="button" value="8" onClick="d('8')"></td>
<td><input type="button" value="9" onClick="d('9')"></td>
<td><input type="button" value="/" onClick="d('/')"></td>
</tr>
<tr>
<td><input type="button" value="*" onClick="d('*')"></td>
<td><input type="button" value="0" onClick="d('0')"></td>
<td><input type="button" value="." onClick="d('.')"></td>
<td><input type="button" value="=" onClick="solve()"></td>
</tr>
</table>
</div>
</body>
</html>


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *