用JavaScript计算方程

Question

我正在尝试用javaScript编写计算器。我的问题是我不知道如何将方程式变成结果。以下是我的代码。

function equal(){
    var x=eval(result.innerHTML);
    result.innerHTML=x;
}

例如，如果方程为2*3 5，我如何将结果11返回到下面的HTML？

？

<div class="monitor" id="result">0</div>

Answer 1

添加一个按钮并使用onclick事件调用equal函数。

jsfiddle

Answer 2

const result = document.querySelector('#result')
document.querySelector('#equation').addEventListener('input', (e) => {
  try {
    result.innerHTML = eval(e.target.value)
  } catch {
    result.innerHTML = 'Invalid'
  }
})

<input id="equation" type="text" />
<div id="result"></div>