Sure, here's an example of a basic calculator with a Python backend and an HTML front-end using Flask microframework:

Backend code (app.py):
```py
from flask import Flask, request, jsonify, render_template

app = Flask(__name__)

@app.route('/')
def home():
    return render_template('index.html')

@app.route('/calculate', methods=['POST'])
def calculate():
    num1 = int(request.form['num1'])
    num2 = int(request.form['num2'])
    operation = request.form['operation']

    if operation == 'addition':
        result = num1 + num2
    elif operation == 'subtraction':
        result = num1 - num2
    elif operation == 'multiplication':
        result = num1 * num2
    elif operation == 'division':
        result = num1 / num2

    return jsonify({'result': result})

if __name__ == '__main__':
    app.run(debug=True)
```

Frontend code (index.html):


```html
<!DOCTYPE html>
<html>
<head>
	<title>Basic Calculator</title>
</head>
<body>
	<h1>Basic Calculator</h1>
	<form id="calculator-form">
		<label for="num1">Number 1:</label>
		<input type="text" name="num1" id="num1"><br>

		<label for="num2">Number 2:</label>
		<input type="text" name="num2" id="num2"><br>

		<label for="operation">Operation:</label>
		<select name="operation" id="operation">
			<option value="addition">Addition</option>
			<option value="subtraction">Subtraction</option>
			<option value="multiplication">Multiplication</option>
			<option value="division">Division</option>
		</select><br>

		<button type="submit">Calculate</button>
	</form>

	<div id="result"></div>

	<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
	<script>
		$(document).ready(function() {
			$('#calculator-form').submit(function(event) {
				event.preventDefault();
				$.ajax({
					type: 'POST',
					url: '/calculate',
					data: $('#calculator-form').serialize(),
					success: function(response) {
						$('#result').text('Result: ' + response.result);
					},
					error: function() {
						alert('Error calculating result.');
					}
				});
			});
		});
	</script>
</body>
</html>
```

This code creates a simple web page with a form that allows users to input two numbers and select an operation. When the form is submitted, the data is sent to the Flask backend via an AJAX request, where the selected operation is performed on the two numbers and the result is returned as a JSON object. The result is then displayed on the web page.

Note that this is just a basic example and could be expanded upon with additional functionality and error handling.
แน่นอนว่า นี่คือตัวอย่างเครื่องคิดเลขพื้นฐานที่มีแบ็กเอนด์ Python และส่วนหน้า HTML โดยใช้ไมโครเฟรมเวิร์กของ Flask: โค้ดแบ็กเอนด์ (app.py): ```py จาก flask import Flask, request, jsonify, render_template app = Flask(__name__ ) @app.route('/') def home(): return render_template('index.html') @app.route('/calculate', method=['POST']) def คำนวณ(): num1 = int (คำขอ.แบบฟอร์ม ['num1']) num2 = int (คำขอ.แบบฟอร์ม ['num2']) การดำเนินการ = request.form ['การดำเนินการ'] ถ้าการดำเนินการ == 'เพิ่มเติม': ผลลัพธ์ = num1 + num2 การดำเนินการ elif == 'การลบ': result = num1 - num2 การดำเนินการ elif == 'การคูณ': result = num1 * num2 การดำเนินการ elif == 'division': result = num1 / num2 return jsonify({'result': result}) ถ้า __name__ == '__main__': app.run(debug=True) ``` โค้ดส่วนหน้า (index.html): ```html <!DOCTYPE html> <html> <head> <title>เครื่องคิดเลขพื้นฐาน</title> </head > <body> <h1>เครื่องคิดเลขพื้นฐาน</h1> <form id="calculator-form"> <label for="num1">หมายเลข 1:</label> <input type="text" name="num1" id="num1"><br> <label for="num2">หมายเลข 2:</label> <input type="text" name="num2" id="num2"><br> <label for=" การดำเนินการ">การดำเนินการ:</label> <select name="operation" id="operation"> <option value="addition">การบวก</option> <option value="subtraction">การลบ</option> <option value="multiplication">การคูณ</option> <option value="division">Division</option> </select><br> <button type="submit">คำนวณ</button> </form> <div id="result"></div> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> $(document).ready( function() { $('#calculator-form').submit(function(event) { event.preventDefault(); $.ajax({ ประเภท: 'POST', url: '/calculate', ข้อมูล: $('#calculator-form').serialize(), ความสำเร็จ: ฟังก์ชั่น (ตอบกลับ) { $('#result').text ('ผลลัพธ์: ' + response.result); }, ข้อผิดพลาด: function() { alert('ข้อผิดพลาดในการคำนวณผลลัพธ์'); } }); }); }); </script> </body> </html> ``` โค้ดนี้จะสร้างหน้าเว็บธรรมดาๆ พร้อมด้วยแบบฟอร์มที่ให้ผู้ใช้สามารถป้อนตัวเลขสองตัวและเลือกการดำเนินการได้ เมื่อส่งแบบฟอร์ม ข้อมูลจะถูกส่งไปยังแบ็กเอนด์ Flask ผ่านคำขอ AJAX โดยที่การดำเนินการที่เลือกจะดำเนินการกับตัวเลขสองตัว และผลลัพธ์จะถูกส่งกลับเป็นออบเจ็กต์ JSON ผลลัพธ์จะปรากฏบนหน้าเว็บ โปรดทราบว่านี่เป็นเพียงตัวอย่างพื้นฐานและสามารถขยายเพิ่มเติมได้ด้วยฟังก์ชันเพิ่มเติมและการจัดการข้อผิดพลาด
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence