¡Por supuesto! Aquí tienes un ejemplo de cómo puedes crear una calculadora básica con HTML, CSS y JavaScript que puede realizar sumas, restas y multiplicaciones. Solo tienes que crear un archivo HTML, un archivo CSS y un archivo JavaScript, y luego copiar y pegar el código a continuación.
HTML:
```
<!DOCTYPE html>
<html>
<head>
<title>Calculadora</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="calculator">
<input type="text" id="result" placeholder="0" readonly>
<div class="row">
<button class="btn operator" onclick="clearResult()">C</button>
<button class="btn operator" onclick="backspace()"><</button>
<button class="btn operator" onclick="operator('/')">/</button>
<button class="btn operator" onclick="operator('*')">x</button>
</div>
<div class="row">
<button class="btn" onclick="addNumber(7)">7</button>
<button class="btn" onclick="addNumber(8)">8</button>
<button class="btn" onclick="addNumber(9)">9</button>
<button class="btn operator" onclick="operator('-')">-</button>
</div>
<div class="row">
<button class="btn" onclick="addNumber(4)">4</button>
<button class="btn" onclick="addNumber(5)">5</button>
<button class="btn" onclick="addNumber(6)">6</button>
<button class="btn operator" onclick="operator('+')">+</button>
</div>
<div class="row">
<button class="btn" onclick="addNumber(1)">1</button>
<button class="btn" onclick="addNumber(2)">2</button>
<button class="btn" onclick="addNumber(3)">3</button>
<button class="btn operator" onclick="calculate()">=</button>
</div>
<div class="row">
<button class="btn" onclick="addNumber(0)">0</button>
<button class="btn" onclick="addDecimal()">.</button>
<button class="btn operator" onclick="operator('*')">*</button>
</div>
</div>
<script src="app.js"></script>
</body>
</html>
```
CSS:
```
.calculator {
width: 300px;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
}
.row {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.btn {
width: 70px;
height: 50px;
border-radius: 5px;
background: #eee;
}
.operator {
background: #ff6600;
color: #fff;
}
```
JavaScript:
```
let result = document.getElementById('result');
function addNumber(num) {
result.value += num;
}
function addDecimal() {
if (result.value.indexOf('.') == -1) {
result.value += '.';
}
}
function backspace() {
result.value = result.value.slice(0, -1);
}
function clearResult() {
result.value = '';
}
function operator(op) {
result.value += op;
}
function calculate() {
result.value = eval(result.value);
}
```
Este es solo un ejemplo básico, y hay muchas formas de mejorar y personalizar esta calculadora para su uso específico. ¡Espero que te sea útil!
