AI开发-坐标转换工具

### 生成一个多功能坐标转换工具的描述和代码**

请生成一个详细的工具描述和完整的代码实现，该工具支持以下功能：

#### **功能要求**
1. **多种输入方式**：
   - 用户可以选择以下四种输入方式之一：
     - **粘贴 JSON 数据**：用户可以粘贴一个包含坐标数据的 JSON 字符串，例如 `{"X":186542.66357421875,"Y":212433.56704711914}`。
     - **单独输入数值**：用户可以输入一个单独的数值，例如 `123.45`。
     - **输入 X 和 Y 坐标**：用户可以分别输入 X 和 Y 坐标值，例如 X: `186542.66357421875`，Y: `212433.56704711914`。
     - **输入用逗号隔开的字符串**：用户可以输入一个用逗号分隔的坐标字符串，例如 `186542.66357421875,212433.56704711914`。
   - 每次切换输入方式时，输入框的提示文字会动态更新，以匹配当前输入方式的要求。

2. **单位转换功能**：
   - 用户可以选择输入值的单位和目标单位，支持以下三种单位之间的互相转换：
     - **米（meters）**
     - **毫米（millimeters）**
     - **英尺（feet）**
   - 单位转换会根据用户选择的“从”和“到”单位自动进行。

3. **自动更新结果**：
   - 用户输入数据后，结果会自动更新，无需点击按钮。
   - 切换单位时，结果也会自动更新，以反映新的单位转换结果。

4. **错误提示**：
   - 如果用户输入的 JSON 数据格式不正确，会提示“输入的 JSON 数据无效，请检查格式！”。
   - 如果用户输入的逗号分隔字符串格式不正确，会提示“输入的逗号分隔数据无效，请检查格式！”。
   - 如果用户输入的数值无效（例如输入了非数字字符），会提示“请输入有效的数值！”。

5. **显示结果**：
   - 转换结果会显示在页面上，格式清晰易读。
   - 对于 JSON 和逗号分隔的输入方式，结果会显示所有转换后的坐标值。
   - 对于单独输入数值和输入 X、Y 坐标的方式，结果会显示转换后的数值或坐标。

6. **用户体验优化**：
   - 界面设计简洁大方，输入框和按钮的样式更加友好。
   - 提示文字动态更新，让用户清楚知道当前输入方式的要求。
   - 自动更新结果，减少用户操作步骤，提高使用效率。

#### **代码要求**
1. **HTML部分**：
   - 使用语义化的HTML标签，确保代码结构清晰。
   - 包含输入框、单选按钮、下拉菜单和结果显示区域。
   - 使用`<style>`标签内嵌CSS样式，确保界面美观且响应式。

2. **CSS部分**：
   - 使用简洁的CSS样式，确保界面美观、大方。
   - 输入框和按钮的样式应友好，字体大小适中，易于阅读和操作。
   - 使用`flexbox`或`grid`布局，确保界面在不同设备上都能良好显示。

3. **JavaScript部分**：
   - 使用原生JavaScript实现功能，不依赖外部库。
   - 包含事件监听器，用于处理用户输入和单位切换。
   - 包含错误处理逻辑，确保用户输入无效数据时能够给出明确提示。
   - 自动更新结果，无需用户手动点击按钮。

请生成一个详细的工具描述和完整的HTML、CSS和JavaScript代码实现，确保代码清晰、可读性强，并且功能完整。