誤解をお詫びします。
これは、HTML、CSS、およびJavaScriptを使用して構築された単純なユーザーインターフェイスを備えた基本的な計算機の例です。

HTML：
`` html
<！doctype html>
<html>
<head>
<title>基本計算機</title>
<link rel = "styleSheet" type = "text/css" href = "style.css">
</head>
<body>
<div class = "calculator">
<div class = "display">
<input type = "text" id = "result" readonly>
</div>
<div class = "bottons">
<button onclick = "clearResult（）"> c </button>
<ボタンonclick = "backspace（）"> ce </button>
<ボタンonclick = "appendtoresult（ '/'）">/</button>
<button onclick = "appendtoresult（ '*'）">*</button>
<button onclick = "appendtoresult（ '7'）"> 7 </button>
<ボタンonclick = "appendtoresult（ '8'）"> 8 </button>
<button onclick = "appendtoresult（ '9'）"> 9 </button>
<button onclick = "appendtoresult（ ' - '）">  -  </button>
<button onclick = "appendtoresult（ '4'）"> 4 </button>
<button onclick = "appendtoresult（ '5'）"> 5 </button>
<button onclick = "appendtoresult（ '6'）"> 6 </button>
<ボタンonclick = "appendtoresult（ '+'）">+</button>
<button onclick = "appendtoresult（ '1'）"> 1 </button>
<button onclick = "appendtoresult（ '2'）"> 2 </button>
<button onclick = "appendtoresult（ '3'）"> 3 </button>
<ボタンonclick = "calculate（）"> = </button>
<ボタンonclick = "appendtoresult（ '0'）"> 0 </button>
<button onclick = "appendtoresult（ '。'）">。</button>
</div>
</div>
<スクリプトsrc = "script.js"> </script>
</body>
</html>
`` `

CSS：
`` css
.Calculator {
幅：300px;
マージン：0 Auto;
フォントサイズ：20px;
font-weight：bold;
}

。画面 {
バックグラウンドカラー：＃f2f2f2;
パディング：10px;
テキストアライグ：右;
}

.buttons {
ディスプレイ：グリッド;
Grid-Template-Columns：Repeat（4、1Fr）;
グリッドギャップ：10px;
マージントップ：10px;
}

ボタン {
バックグラウンドカラー：＃4CAF50;
色：白;
国境：なし;
パディング：10px 20px;
カーソル：ポインター;
ボーダーラジウス：5px;
}

ボタン：ホバー{
バックグラウンドカラー：＃3e8e41;
}
`` `

JavaScript：
「JS」
let rest = document.getElementById（ 'result'）;

関数appendtoresult（value）{
result.value += value;
}

function clearResult（）{
result.value = '';
}

function backspace（）{
result.value = result.value.slice（0、-1）;
}

関数計算（）{
試す {
result.value = eval（result.value）;
} catch（error）{
result.value = 'error';
}
}
`` `

この計算機は、加算、減算、乗算、除算などの基本的な算術操作、および小数数をサポートします。また、ディスプレイをリセットする「クリア」ボタン、最後に入力した文字を削除する「CE」ボタン、結果を計算する「=」ボタンも含まれています。
Apologies for the misunderstanding.
Here's an example of a basic calculator with a simple user interface built using HTML, CSS, and JavaScript:

HTML:
```html
<!DOCTYPE html>
<html>
<head>
	<title>Basic Calculator</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<div class="calculator">
		<div class="display">
			<input type="text" id="result" readonly>
		</div>
		<div class="buttons">
			<button onclick="clearResult()">C</button>
			<button onclick="backspace()">CE</button>
			<button onclick="appendToResult('/')">/</button>
			<button onclick="appendToResult('*')">*</button>
			<button onclick="appendToResult('7')">7</button>
			<button onclick="appendToResult('8')">8</button>
			<button onclick="appendToResult('9')">9</button>
			<button onclick="appendToResult('-')">-</button>
			<button onclick="appendToResult('4')">4</button>
			<button onclick="appendToResult('5')">5</button>
			<button onclick="appendToResult('6')">6</button>
			<button onclick="appendToResult('+')">+</button>
			<button onclick="appendToResult('1')">1</button>
			<button onclick="appendToResult('2')">2</button>
			<button onclick="appendToResult('3')">3</button>
			<button onclick="calculate()">=</button>
			<button onclick="appendToResult('0')">0</button>
			<button onclick="appendToResult('.')">.</button>
		</div>
	</div>
	<script src="script.js"></script>
</body>
</html>
```

CSS:
```css
.calculator {
	width: 300px;
	margin: 0 auto;
	font-size: 20px;
	font-weight: bold;
}

.display {
	background-color: #f2f2f2;
	padding: 10px;
	text-align: right;
}

.buttons {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 10px;
	margin-top: 10px;
}

button {
	background-color: #4CAF50;
	color: white;
	border: none;
	padding: 10px 20px;
	cursor: pointer;
	border-radius: 5px;
}

button:hover {
	background-color: #3e8e41;
}
```

JavaScript:
```js
let result = document.getElementById('result');

function appendToResult(value) {
	result.value += value;
}

function clearResult() {
	result.value = '';
}

function backspace() {
	result.value = result.value.slice(0, -1);
}

function calculate() {
	try {
		result.value = eval(result.value);
	} catch (error) {
		result.value = 'Error';
	}
}
```

This calculator supports basic arithmetic operations such as addition, subtraction, multiplication, and division, as well as decimal numbers. It also includes a "clear" button to reset the display, a "CE" button to remove the last entered character, and an "=" button to calculate the result.