Использовать eval
, вообще говоря, очень не рекомендуется, однако в данном случае, это, пожалуй, всё же можно сделать достаточно безопасно:
function calc() {
let res;
let expr = document.getElementById('inp').value;
if (/^[\d\s+\-*/().]*$/.test(expr)) { // проверка, чтобы не было введено ничего лишнего
try {
res = eval(expr);
} catch (e) {
res = 'Невозможно вычислить!'
}
} else {
res = 'Введены недопустимые символы!';
}
showResult(res);
}
function showResult(res) {
document.getElementById('result').textContent = res;
}
<input id="inp" type="text"></input>
<input type="button" onclick="calc()" value="calculate"></input>
<div id="result"></div>
Но надо подчеркнуть, что это решение работает только для приведённых в вопросе условий, и очень плохо масштабируется при изменении этих самых условий (например, если внезапно понадобится добавить вычисление квадратного корня, то сразу придётся прикручивать очень неудобоваримые костыли).
Более правильный же путь — это распарсить введённое выражение и вычислить его самостоятельно. В этом может помочь Алгоритм сортировочной станции.