在线复数计算器 - 加、减、乘、除运算 - 常规

<!DOCTYPE html>
<html>
<head>
	<title>在线复数计算器</title>
	<script>
		function add() {
			var a1 = parseFloat(document.getElementById('a1').value);
			var b1 = parseFloat(document.getElementById('b1').value);
			var a2 = parseFloat(document.getElementById('a2').value);
			var b2 = parseFloat(document.getElementById('b2').value);
			var a = a1 + a2;
			var b = b1 + b2;
			document.getElementById('result').innerHTML = a + ' + ' + b + 'i';
		}
		function subtract() {
			var a1 = parseFloat(document.getElementById('a1').value);
			var b1 = parseFloat(document.getElementById('b1').value);
			var a2 = parseFloat(document.getElementById('a2').value);
			var b2 = parseFloat(document.getElementById('b2').value);
			var a = a1 - a2;
			var b = b1 - b2;
			document.getElementById('result').innerHTML = a + ' + ' + b + 'i';
		}
		function multiply() {
			var a1 = parseFloat(document.getElementById('a1').value);
			var b1 = parseFloat(document.getElementById('b1').value);
			var a2 = parseFloat(document.getElementById('a2').value);
			var b2 = parseFloat(document.getElementById('b2').value);
			var a = a1 * a2 - b1 * b2;
			var b = a1 * b2 + a2 * b1;
			document.getElementById('result').innerHTML = a + ' + ' + b + 'i';
		}
		function divide() {
			var a1 = parseFloat(document.getElementById('a1').value);
			var b1 = parseFloat(document.getElementById('b1').value);
			var a2 = parseFloat(document.getElementById('a2').value);
			var b2 = parseFloat(document.getElementById('b2').value);
			var a = (a1 * a2 + b1 * b2) / (a2 * a2 + b2 * b2);
			var b = (a2 * b1 - a1 * b2) / (a2 * a2 + b2 * b2);
			document.getElementById('result').innerHTML = a + ' + ' + b + 'i';
		}
	</script>
</head>
<body>
	<h1>在线复数计算器</h1>
	<label>第一个复数：</label>
	<input type='text' id='a1' placeholder='实部' style='width: 50px;'>
	<label>+</label>
	<input type='text' id='b1' placeholder='虚部' style='width: 50px;'>
	<label>i</label>
	<br><br>
	<label>第二个复数：</label>
	<input type='text' id='a2' placeholder='实部' style='width: 50px;'>
	<label>+</label>
	<input type='text' id='b2' placeholder='虚部' style='width: 50px;'>
	<label>i</label>
	<br><br>
	<button onclick='add()'>加法</button>
	<button onclick='subtract()'>减法</button>
	<button onclick='multiply()'>乘法</button>
	<button onclick='divide()'>除法</button>
	<br><br>
	<label>结果：</label>
	<span id='result'></span>
</body>
</html>