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

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

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>

用Javascript计算方程式

2 个答案: