Javascript 单击按钮并从用户处获取输入

这是一张照片。我自己做过css和html，现在不知道如何在这里添加javascript。 我想要的是：

用户写一些东西 然后他点击按钮，例如大写字母，他的文本出现在底部，而不是单词，这里将是你的文本。如何添加这样的函数？我很困惑。

---

以最简单的形式，使用jQuery：

$document.readyfunction{ $'uppercase-btn'。单击函数{ $'myoutput'.val$textid.val.toUpperCase； }; $'lowercase-btn'。单击函数{ $'myoutput'.val$textid.val.toLowerCase； }; }; 大写字母 小写字母 可以使用onclick、toUpperCase和toLowerCase的组合来获得所需的结果

以下是一个工作示例：

写点什么 大写字母 小写 无所事事 功能大写按钮已单击{ var input=document.getelementbyidiputtext.value var output=input.toUpperCase document.getElementByIdoutputArea.innerHTML=input.toUpperCase } 函数小写按钮单击{ var input=document.getelementbyidiputtext.value var output=input.toUpperCase document.getElementByIdoutputArea.innerHTML=input.toLowerCase } 未单击任何按钮的函数{ var input=document.getelementbyidiputtext.value document.getElementByIdoutputArea.innerHTML=输入 }

---

如果需要纯Javascript，可以在代码段中编写代码

我假设您了解HTML和CSS，end仅解释javascript代码

这个想法是：

您可以附加一个事件侦听器来处理每个按钮中的取消用户单击。每个按钮都有自己的类名，您可以将其用作document.getElementsByCassName的参数，以获取具有此类名的对象数组。接下来，可以使用addEventListener附加事件处理程序

在click event函数中，您可以放置在任何单击按钮后将触发的操作

下面的代码片段对代码进行了注释以清除错误

//在执行任何操作之前获取带有文本的输入字段 var textField=document.getelementsbyclassname文本字段[0]； //“获取”按钮，该按钮将触发大写字母函数 var upperBtn=document.getElementsByClassNameto upperBtn[0]； //Get按钮将触发小写函数 var lowerBtn=document.getElementsByClassNameto lower btn[0]； //获取将显示结果的div var resultContainer=document.getElementsByClassNametext结果[0]； //将单击事件侦听器附加到大写按钮 upperBtn.addEventListenerclick，函数{ //将结果容器的内部html设置为输入字段的te值为大写； resultContainer.innerHTML=textField.value.toUpperCase； }; //将单击事件侦听器附加到小写按钮 document.getElementsByClassNameto lower btn[0]。addEventListenerclick，函数{ //用lowecase中输入字段的te值设置结果容器的内部html； resultContainer.innerHTML=textField.value.toLowerCase； }; .文本字段{ 宽度：300px； } .集装箱{ 边缘顶部：50px； 边框：1px实心E4； 边界半径：5px； 背景：2000人； 颜色：FFF； 填充：10px； } 写点什么 大写 小写 只需写下你想要的大写或小写，结果将显示在这里 const nameNode=document.getElementByIdName； const nameCopyNode=document.getElementByIdNameCopy； ifnameNode{ nameNode.addEventListener'input'，函数{ ifnameCopyNode{ nameCopyNode.value=此.value } } }

---

你能把你写的代码发出去吗？