```
### CSS
接下来，我们使用 CSS 来美化计算器的外观。
```css
/* style.css */
body {
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f0f0f0;
}
.calculator {
background-color: white;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#display {
width: 100%;
height: 40px;
margin-bottom: 20px;
padding: 10px;
font-size: 24px;
text-align: right;
border: none;
border-radius: 5px;
}
.buttons {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
}
button {
padding: 10px;
font-size: 18px;
border: none;
border-radius: 5px;
cursor: pointer;
}
.operator {
background-color: #007bff;
color: white;
}
.number {
background-color: #f8f9fa;
}
```
### JavaScript
最后，我们使用 JavaScript 来实现计算器的功能。
```javascript
// script.js
document.addEventListener('DOMContentLoaded', function() {
const display = document.getElementById('display');
let currentNumber = '';
let previousNumber = '';
let operation = '';
function updateDisplay(number) {
currentNumber += number.toString();
display.value = currentNumber;
}
function clearDisplay() {
currentNumber = '';
previousNumber = '';
operation = '';
display.value = '';
}
function calculate() {
let result;
const num1 = parseFloat(previousNumber);
const num2 = parseFloat(currentNumber);
if (isNaN(num1) || isNaN(num2)) return;
switch (operation) {
case '+':
result = num1 + num2;
break;
case '-':
result = num1 - num2;
break;
case '*':
result = num1 * num2;
break;
case '/':
result = num1 / num2;
break;
default:
return;
}
currentNumber = result;
operation = '';
previousNumber = '';
display.value = currentNumber;
}
document.querySelectorAll('.number').forEach(button => {
button.addEventListener('click', () => {
updateDisplay(button.textContent);
});
});
document.querySelectorAll('.operator').forEach(button => {
button.addEventListener('click', () => {
if (button.textContent === 'C') {
clearDisplay();
} else if (button.textContent === '=') {
calculate();
} else {
if (currentNumber !== '') {
previousNumber = currentNumber;
operation = button.textContent;
currentNumber = '';
}
}
});
});
});
```
这个简单的计算器支持基本的加减乘除运算，并且有清除和等于功能。你可以根据需要进一步扩展它的功能，比如添加更多的数学运算或者改进用户界面。
================================================================================
Question: 利用公开的天气 API，用 Rust 创建一个可以显示当前天气信息的控制台应用。用户可以输入他们的城市名称来获取天气信息。
Answer: 要创建一个使用 Rust 语言和公开天气 API 的控制台应用，我们需要遵循以下步骤：
1. **选择一个天气 API**：首先，你需要选择一个提供天气数据的 API。有很多免费和付费的天气 API 可供选择，例如 OpenWeatherMap、WeatherAPI 等。这里以 OpenWeatherMap 为例，因为它提供了一个简单的 API 接口，并且对于个人使用来说是免费的。
2. **注册并获取 API 密钥**：访问你选择的天气 API 的网站，注册一个账户，并获取 API 密钥。这个密钥将用于在你的应用中调用 API。
3. **安装 Rust 和 Cargo**：确保你的计算机上安装了 Rust 和 Cargo。Cargo 是 Rust 的包管理器，用于构建和管理 Rust 项目。
4. **创建一个新的 Rust 项目**：打开终端或命令提示符，运行以下命令来创建一个新的 Rust 项目：
```bash
cargo new rust_weather_app
```
这将创建一个名为`rust_weather_app`的新目录，其中包含一个基本的 Rust 项目。
5. **添加依赖**：在`Cargo.toml`文件中添加以下依赖，以便使用 HTTP 客户端和 JSON 处理：
```toml
[dependencies]
reqwest = "0.11"
serde = { version = "1.0", features = ["derive"] }
serde_json = "1.0"
```
6. **编写代码**：在`src/main.rs`文件中，编写以下代码来实现天气应用的功能：
```rust
use reqwest;
use serde::{Deserialize, Serialize};
use std::io;
#[derive(Debug, Serialize, Deserialize)]
struct WeatherData {
main: Main,
name: String,
}
#[derive(Debug, Serialize, Deserialize)]
struct Main {
temp: f64,
feels_like: f64,
temp_min: f64,
temp_max: f64,
pressure: i64,
humidity: i64,
}
async fn fetch_weather(city: &str, api_key: &str) -> Result
