AI自编多功能计算器

CodeAE

AI自编多功能计算器，来自吾爱论坛大神的杰作。

部分html代码：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>个性计算器</title>
  <link rel="stylesheet" href="css/calculator.css">
  <link rel="stylesheet" href="css/styles.css">
</head>
<body> <div><header class="calculator-header">
  <h1>个性计算器</h1>
</header></div>
  
  <div class="app-container">
    <div>
      <div class="history-table">
        <h3>计算历史</h3>
        <table id="historyTable">
          <thead>
            <tr>
              <th>序号</th>
              <th>计算式</th>
              <th>结果</th>
            </tr>
          </thead>
          <tbody></tbody>
        </table>
      </div>
      <div class="history-table1">
        <div class="pailie">
          <button id="clearBtn" class="download-btn">清理历史记录</button>
          <button id="downloadBtn" class="download-btn">下载历史记录</button>
        </div>
      </div>
    </div>
     

        <div class="calculator">
      <div class="display-container">
      <div class="equation-display" id="equation"></div>
      <div class="result-display" id="display">0</div>
    </div>
    <div class="buttons">
      <button class="btn operator" value="C" title="键盘: Esc">C</button>
      <button class="btn operator" value="+/-" title="无键盘映射">+/-</button>
      <button class="btn operator" value="%" title="键盘: %">%</button>
      <button class="btn operator" value="⌫" title="键盘: Backspace">⌫</button>
      <button class="btn operator" value="/" title="键盘: /">/</button>
      
      <button class="btn number" value="7" title="键盘: 7">7</button>
      <button class="btn number" value="8" title="键盘: 8">8</button>
      <button class="btn number" value="9" title="键盘: 9">9</button>
      <button class="btn operator" value="*" title="键盘: *">×</button>
      
      <button class="btn number" value="4" title="键盘: 4">4</button>
      <button class="btn number" value="5" title="键盘: 5">5</button>
      <button class="btn number" value="6" title="键盘: 6">6</button>
      <button class="btn operator" value="-" title="键盘: -">-</button>
      
      <button class="btn number" value="1" title="键盘: 1">1</button>
      <button class="btn number" value="2" title="键盘: 2">2</button>
      <button class="btn number" value="3" title="键盘: 3">3</button>
      <button class="btn operator" value="+" title="键盘: +">+</button>
      
      <button class="btn number zero" value="0" title="键盘: 0">0</button>
      <button class="btn number" value="." title="键盘: .">.</button>
      <button class="btn operator equal dengyu" value="=" title="键盘: Enter 或 =">=</button>
      
    </div>
  </div>
  <div class="history-table2"> 
    <div class="pailie1">
      <div class="input-group">
        <label>计算类型：</label>
        <select id="calculationType" class="dimension-input1">
          <option value="area">计算矩形面积</option>
          <option value="cylinder_area">计算圆柱体面积</option>
          <option value="cone_area">计算圆锥体面积</option>
          <option value="trapezoid_area">计算梯形面积</option>
          <option value="rectangle_perimeter">计算长方形周长</option>
          <option value="circle_perimeter">计算圆形周长</option>
          <option value="cube_volume">计算立方体体积</option>
          <option value="cylinder_volume">计算圆柱体体积</option>
          <option value="triangle_area">计算三角形面积</option>

        </select><button id="calculateBtn" class="download-btn">开始计算</button>
      </div>
      
      <div class="input-group" id="baseGroup">
        <label>底边长度：</label>
        <input type="text" id="baseInput" class="dimension-input">
      </div>
      <div class="input-group" id="height1Group">
        <label>垂直高度：</label>
        <input type="text" id="height1Input" class="dimension-input">
      </div>
      <div class="input-group" id="lengthGroup">
        <label>输入长度：</label>
        <input type="text" class="dimension-input" id="lengthInput">
      </div>
      <div class="input-group" id="widthGroup">
        <label>输入宽度：</label>
        <input type="text" class="dimension-input" id="widthInput">
      </div>
      <div class="input-group" id="heightGroup">
        <label>输入高度：</label>
        <input type="text" class="dimension-input" id="heightInput">
      </div>
      <div class="input-group" id="radiusGroup">
        <label>输入半径：</label>
        <input type="text" class="dimension-input" id="radiusInput">
      </div>
      <div class="input-group" id="upperBaseGroup">
        <label>输入上底：</label>
        <input type="text" class="dimension-input" id="upperBaseInput">
      </div>
      <div class="input-group" id="lowerBaseGroup">
        <label>输入下底：</label>
        <input type="text" class="dimension-input" id="lowerBaseInput">
      </div>
      <div class="input-group" id="generatrixGroup">
        <label>输入母线：</label>
        <input type="text" class="dimension-input" id="generatrixInput">
      </div>
      <div id="geometryResult" class="result-container" style="margin-top: 10px;"></div>
    </div>
  </div>
</div>
  <script src="js/calculator.js"></script>
  <script src="js/geometryCalculator.js"></script>
  <script src="js/xlsx.full.min.js"></script>
</body>
</html>

在线体验

AI自编多功能计算器

CodeAE LV9