!!! <style> .calc-mini { width: 230px; margin: 10px auto; background: #1c1c1e; border-radius: 8px; padding: 10px; font-family: system-ui, sans-serif; } .calc-mini-display { background: #1c1c1e; color: #fff; text-align: right; padding: 10px 8px; font-size: 28px; border-radius: 4px; margin-bottom: 8px; min-height: 50px; word-break: break-all; } .calc-mini-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; } .calc-mini-btn { height: 45px; font-size: 18px; border: none; border-radius: 6px; cursor: pointer; background: #333; color: #fff; } .calc-mini-btn.op { background: #ff9500; font-weight: bold; } .calc-mini-btn.zero { grid-column: span 2; } </style> <div class="calc-mini"> <div class="calc-mini-display" id="miniCalcDisplay">0</div> <div class="calc-mini-grid"> <button class="calc-mini-btn" onclick="miniClear()">C</button> <button class="calc-mini-btn" onclick="miniBack()">←</button> <button class="calc-mini-btn" onclick="miniAppend('(')">(</button> <button class="calc-mini-btn" onclick="miniAppend(')')">)</button> <button class="calc-mini-btn op" onclick="miniAppend('/')">÷</button> <button class="calc-mini-btn" onclick="miniAppend('7')">7</button> <button class="calc-mini-btn" onclick="miniAppend('8')">8</button> <button class="calc-mini-btn" onclick="miniAppend('9')">9</button> <button class="calc-mini-btn op" onclick="miniAppend('*')">×</button> <button class="calc-mini-btn" onclick="miniAppend('4')">4</button> <button class="calc-mini-btn" onclick="miniAppend('5')">5</button> <button class="calc-mini-btn" onclick="miniAppend('6')">6</button> <button class="calc-mini-btn op" onclick="miniAppend('-')">−</button> <button class="calc-mini-btn" onclick="miniAppend('1')">1</button> <button class="calc-mini-btn" onclick="miniAppend('2')">2</button> <button class="calc-mini-btn" onclick="miniAppend('3')">3</button> <button class="calc-mini-btn op" onclick="miniAppend('+')">+</button> <button class="calc-mini-btn zero" onclick="miniAppend('0')">0</button> <button class="calc-mini-btn" onclick="miniAppend('.')">.</button> <button class="calc-mini-btn op" onclick="miniCalculate()">=</button> </div> </div> <script> let miniDisplay = document.getElementById("miniCalcDisplay"); function miniAppend(val) { if (miniDisplay.innerText === "0") { miniDisplay.innerText = val; } else { miniDisplay.innerText += val; } } function miniClear() { miniDisplay.innerText = "0"; } function miniBack() { if (miniDisplay.innerText.length > 1) { miniDisplay.innerText = miniDisplay.innerText.slice(0, -1); } else { miniDisplay.innerText = "0"; } } function miniCalculate() { try { let expr = miniDisplay.innerText.replace(/÷/g, '/').replace(/×/g, '*').replace(/−/g, '-'); miniDisplay.innerText = eval(expr); } catch (e) { miniDisplay.innerText = "Error"; } } </script> !!! 0 C ← ( ) ÷ 7 8 9 × 4 5 6 − 1 2 3 + 0 . = 赞 区区凡人的点赞？罢了，本魔王就勉为其难收下啦！