Calculadora | Blogueiros United

Calculadora Online 🧮

0

Difícil fazer contas de cabeça?
Melhore sua mente agora →

O que é uma calculadora online?

É uma ferramenta digital que permite realizar cálculos rapidamente sem precisar de papel ou calculadora física.

Por que usar?

Praticidade, rapidez e mobilidade. Você pode calcular de qualquer lugar, inclusive no celular.

Como funciona?

Basta clicar nos números e operadores, e o resultado aparece no display ao apertar "=".

Benefícios

Agilidade nos cálculos, menos erros e maior conveniência para estudantes, profissionais e blogueiros.

Adicione esta ferramenta ao seu blog

Clique no botão abaixo para pegar o link, copie o link e cole em uma página estática

×

Por favor, aguarde a liberação do código.

Seu acesso será liberado em:

15

Segundos. Não feche esta janela.

Seu Código (Copie e Cole)

<div class="post-body"> <section class="calculadora"> <h1>Calculadora Online 🧮</h1> <div class="display" id="display">0</div> <div class="buttons"> <button class="btn" onclick="clearDisplay()">C</button> <button class="btn" onclick="deleteLast()">⌫</button> <button class="btn" onclick="appendValue('/')">÷</button> <button class="btn" onclick="appendValue('*')">×</button> <button class="btn" onclick="appendValue('7')">7</button> <button class="btn" onclick="appendValue('8')">8</button> <button class="btn" onclick="appendValue('9')">9</button> <button class="btn" onclick="appendValue('-')">-</button> <button class="btn" onclick="appendValue('4')">4</button> <button class="btn" onclick="appendValue('5')">5</button> <button class="btn" onclick="appendValue('6')">6</button> <button class="btn" onclick="appendValue('+')">+</button> <button class="btn" onclick="appendValue('1')">1</button> <button class="btn" onclick="appendValue('2')">2</button> <button class="btn" onclick="appendValue('3')">3</button> <button class="btn equal" onclick="calculateResult()">=</button> <button class="btn zero" onclick="appendValue('0')">0</button> <button class="btn" onclick="appendValue('.')">.</button> </div> <br/> <!-- Banner intermediário --> <div class="banner" style="margin:20px 0; text-align:center;"> <script type="text/javascript"> atOptions = { 'key' : 'd8263b98db98346a1faae56fd887f2ab', 'format' : 'iframe', 'height' : 60, 'width' : 468, 'params' : {} }; </script> <script type="text/javascript" src="//www.highperformanceformat.com/d8263b98db98346a1faae56fd887f2ab/invoke.js"></script> </div> <!-- Link de afiliado --> <div class="affiliate" style="text-align:center; margin-bottom:20px;"> <p>Difícil fazer contas de cabeça? <br/> <a href="https://amzn.to/4o3tk7G" target="_blank" style="color:#7a33eb; font-weight:bold;">Melhore sua mente agora →</a></p> </div> <br/> <section class="faq"> <h2>O que é uma calculadora online?</h2> <p>É uma ferramenta digital que permite realizar cálculos rapidamente sem precisar de papel ou calculadora física.</p> <h2>Por que usar?</h2> <p>Praticidade, rapidez e mobilidade. Você pode calcular de qualquer lugar, inclusive no celular.</p> <h2>Como funciona?</h2> <p>Basta clicar nos números e operadores, e o resultado aparece no display ao apertar "=".</p> <h2>Benefícios</h2> <p>Agilidade nos cálculos, menos erros e maior conveniência para estudantes, profissionais e blogueiros.</p> </section> </section> <style> .calculadora { max-width: 400px; margin: 0 auto 30px auto; padding: 20px; background: #fff; border-radius: 15px; box-shadow: 0 0 15px rgba(0,0,0,0.1); text-align: center; font-family: Arial, sans-serif; } .calculadora h1 { color: #7a33eb; margin-bottom: 20px; } .display { background: #eee; border-radius: 10px; padding: 15px; font-size: 24px; margin-bottom: 15px; min-height: 50px; text-align: right; overflow-x: auto; word-break: break-all; } .buttons { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; } .btn { padding: 15px; font-size: 20px; border: none; border-radius: 10px; cursor: pointer; background: #7a33eb; color: #fff; transition: 0.2s; } .btn:hover { background: #5a1ebf; } .btn.equal { grid-row: span 2; background: #ff6f61; } .btn.equal:hover { background: #ff3b2d; } .btn.zero { grid-column: span 2; } @media (max-width: 500px) { .buttons { gap: 8px; } .btn { font-size: 18px; padding: 12px; } .display { font-size: 20px; } } </style> <script> const display = document.getElementById('display'); function appendValue(val) { if(display.innerText === '0') display.innerText = val; else display.innerText += val; } function clearDisplay() { display.innerText = '0'; } function deleteLast() { display.innerText = display.innerText.slice(0, -1); if(display.innerText === '') display.innerText = '0'; } function calculateResult() { try { display.innerText = eval(display.innerText); } catch(e) { display.innerText = 'Erro'; } } </script> </div>