Calculadora-simples-html-Css-javascript-

#Data de criação: 10/02/2025 #Autora: Tainara Machado da Rosa

<title>Calculadora Simples</title>

<link rel="stylesheet" href="style.css">

<div class="calculadora">

	<input type="text" id="display" disabled>

	<div class="botoes">

		<button id="botao-7">7</button>

		<button id="botao-8">8</button>

		<button id="botao-9">9</button>

		<button id="botao-divisao">/</button>

		<button id="botao-4">4</button>

		<button id="botao-5">5</button>

		<button id="botao-6">6</button>

		<button id="botao-multiplicacao">*</button>

Css

.calculadora {

width: 300px;

margin: 50px auto;

background-color: white;

padding: 20px;

border: 1px solid #ccc;

border-radius: 10px;

box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

#display {

width: 100%;

height: 40px;

margin-bottom: 20px;

padding: 10px;

border: 1px solid #ccc;

Javascript

let display = document.getElementById('display');

let botoes = document.querySelectorAll('button');

let numeroAtual = '';

let operacao = '';

let numeroAnterior = '';

botoes.forEach(botao => {

botao.addEventListener('click', () => {

	let valorBotao = botao.textContent;

	if (valorBotao === 'C') {

		numeroAtual = '';

		operacao = '';

		numeroAnterior = '';

		display.value = '';

	} else if (valorBotao === '=') {

		let resultado = eval(numeroAnterior + operacao + numeroAtual);

		display.value = resultado;

		numeroAtual = resultado;

		operacao = '';

		numeroAnterior = '';

	} else if (['+', '-', '*', '/'].includes(valorBotao)) {

		operacao = valorBotao;

		numeroAnterior = numeroAtual;

		numeroAtual = '';

	} else {

		numeroAtual += valorBotao;

		display.value = numeroAtual;

	}

});

});