js实现用按钮切换英文大小写

在JavaScript中，可以通过操作DOM元素以及修改其属性来实现用按钮切换英文大小写的功能。这里提供一个简单的实现方式，假设有两个按钮，一个用于切换到大写（uppercase），另一个用于切换到小写（lowercase）。

首先，我们需要一个输入框，用户可以在其中输入文本。然后，为两个按钮分别绑定事件处理函数，当点击按钮时，根据当前的输入框文本，使用字符串的`toUpperCase()`方法或`toLowerCase()`方法来改变文本的大小写，并更新输入框的值。

以下是一个简单的示例代码：

HTML部分:

<input type="text" id="text-input" placeholder="输入文本">
<button id="to-upper">大写</button>
<button id="to-lower">小写</button>

JavaScript部分:

document.getElementById('to-upper').addEventListener('click', function() {
  var inputText = document.getElementById('text-input').value;
  document.getElementById('text-input').value = inputText.toUpperCase();
});

document.getElementById('to-lower').addEventListener('click', function() {
  var inputText = document.getElementById('text-input').value;
  document.getElementById('text-input').value = inputText.toLowerCase();
});

在这个示例中，我们通过`getElementById`获取到输入框和两个按钮的DOM元素，并为它们分别绑定了点击事件处理函数。当点击“大写”按钮时，会读取输入框中的文本，将其转换为大写，并将转换后的文本重新设置为输入框的值；点击“小写”按钮时同理，只不过使用的是`toLowerCase()`方法将文本转换为小写。