Question

我正在制作一个计算器，其工作方式如下：
用户将他的计算放在一个文本框中，例如：2 + 4 + 5;然后整个字符串将转换为整数并计算数字并显示结果：11;。我的代码如下：

脚本：

function solve() {  
    problem = parseInt(document.getElementById('prob'));   
    ans = document.getElementById('ansspace');  
    ans.innerHTML = problem  
}

HTML：

<input type="text" id="prob">  
<br>  <input type="button" id="add" value="Add" onclick="solve()">  <br>  
<p id='ansspace'></p>

Answer 1

您可以使用eval()进行计算，但请注意安全问题。建议不要使用eval，因为用户可以从页面执行他的代码。否则，使用正则表达式解析内容或使用正则表达式验证输入值是否可以安全地与eval一起使用

Answer 2

使用简单的jQuery：

$('#add').on('click', function() {
    var solution = eval($('#prob').val());
    $('#ansspace').html(solution);
});

查看实时示例here

Answer 3

制作计算器真的没有简单的方法，但是为了让你的代码能够工作，你可以使用eval：

function solve() {  
  var problem = document.getElementById('prob').value;   
  var ans = document.getElementById('ansspace');   
  ans.innerHTML = eval(problem);  
}

将字符串转换为整数并计算

3 个答案: