Javascript 计算器 - Javascript

本项目是一个基于Javascript的简单计算器，可以执行加、减、乘、除四种运算，以及小数点、清除、删除键等常用功能。该计算器的前端部分使用HTML和CSS进行设计，后端部分则使用Javascript进行逻辑编写。

项目特点

1. 前端UI清晰简洁，操作便捷。
2. 后端使用JavaScript作为主要编程语言，代码简洁易懂。
3. 支持加、减、乘、除等基本运算，以及小数点、清除、删除等常用功能。
4. 支持多个嵌套运算，保证计算准确性。

代码片段

// 计算器主要逻辑
function calculate() {
  var result = document.getElementById('result');
  var equation = result.innerHTML;
  try {
    // 使用JavaScript的eval函数对字符串进行直接计算
    result.innerHTML = eval(equation);
  } catch (error) {
    result.innerHTML = 'Error';
  }
}

<!-- 前端HTML代码 -->
<div class="calculator">
  <div id="result"></div>
  <button onclick="clearResult()">C</button>
  <button onclick="deleteLast()">&lt;</button>

  <button onclick="addToResult('+')">+</button>
  <button onclick="addToResult('-')">-</button>
  <button onclick="addToResult('*')">*</button>
  <button onclick="addToResult('/')">/</button>

  <button onclick="addToResult('7')">7</button>
  <button onclick="addToResult('8')">8</button>
  <button onclick="addToResult('9')">9</button>

  <button onclick="addToResult('4')">4</button>
  <button onclick="addToResult('5')">5</button>
  <button onclick="addToResult('6')">6</button>

  <button onclick="addToResult('1')">1</button>
  <button onclick="addToResult('2')">2</button>
  <button onclick="addToResult('3')">3</button>

  <button onclick="addToResult('.')">.</button>
  <button onclick="addToResult('0')">0</button>
  <button onclick="calculate()">=</button>
</div>

总结

本项目展示了如何使用Javascript编写一个简单的计算器。通过eval函数直接计算字符串，实现了多种基本运算和常用功能。具有一定的参考价值，可以作为初学者练习Javascript编程的一个小项目。