输入一行文本,将输入的文本中的大写字母改写成小写字母并显示在本页内javascript
时间: 2024-02-01 20:16:07 浏览: 69
c代码-4. 功能:从键盘中输入一个大写字母,要求改用小写字母输出。
可以使用 JavaScript 的 `toLowerCase()` 方法将输入的文本中的大写字母改写成小写字母。以下是一个简单的实现示例:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>转换大写字母为小写字母</title>
</head>
<body>
<label for="input-text">输入文本:</label>
<input type="text" id="input-text">
<button onclick="convertText()">转换</button>
<p id="output-text"></p>
<script>
function convertText() {
const input = document.getElementById("input-text").value;
const output = input.toLowerCase();
document.getElementById("output-text").textContent = output;
}
</script>
</body>
</html>
```
在上面的代码中,我们首先创建了一个输入框和一个转换按钮。当用户点击按钮时,我们将调用 `convertText()` 函数来获取输入的文本并使用 `toLowerCase()` 方法将其转换为小写字母形式。最后,我们将结果显示在页面上的段落元素中。
阅读全文