Javascript 输入值字符的大小写（小写/大写）_Javascript_Html_String

Javascript 输入值字符的大小写（小写/大写）

javascript html string

Javascript 输入值字符的大小写（小写/大写）,javascript,html,string,Javascript,Html,String,使用一个输入文本框，输入类型仅允许字母。输入的值为“a”，应在文本框外显示为“a” 如果我们在输入文本中输入字母表小“a”，那么它将希望在框的外侧显示大写字母“a”。。。以下是我的html代码： <!DOCTYPE html> <html> <head>

使用一个输入文本框，输入类型仅允许字母。输入的值为“a”，应在文本框外显示为“a”

如果我们在输入文本中输入字母表小“a”，那么它将希望在框的外侧显示大写字母“a”。。。以下是我的html代码：

<!DOCTYPE html>
   <html>
      <head>
         <!--<script type="text/javascript" href="check.js"></script>-->
      </head>
        <body>
          <input type="text">
             <script>
                function myFunction()
                {
                    var A = document.getElementById('input').value; 
                    console.log('alphabet'.toUpperCase());
                }
             </script>
       </body>
    </html>


函数myFunction（）
{
var A=document.getElementById（'input'）.value；
log（'alphabet'.toUpperCase（））；
}

要显示大小写颠倒的输入值，您应该：

在输入的

onkeyup

事件中调用函数，立即用输入的字符串更新预览

循环遍历字符串，并对每个字符进行测试（如果在

大写

将其反转为

小写

或将其改为

大写

，如果是

小写

下面是一个片段演示：

函数myFunction（）{
var A=document.getElementById（'input'）.value；
var输出=“”；
对于（变量i=0，len=A.length；i


您可以在写入时使用事件立即更新结果

document.getElementById（'input'）.addEventListener（'keyup'，function（）{
var input=document.getElementById（'input'）。值；
如果（！input.match（/^[a-z]*$/i））{
document.getElementById（'output'）。innerHTML='error input'；
返回；
}
document.getElementById（'output'）.innerHTML=input.split（''）.map（函数（a）{
返回a.match（/[a-z]/）？a.toUpperCase（）：a.toLowerCase（）；
}).加入（“”）；
});

您没有提出问题。而且你的函数myFunction
从未被调用，其中你的变量A
从未被使用，并且你在其中记录了一个常量字符串。@SaiKrishna我的答案不能解决你的问题吗？没关系……假设我们在输入文本框中插入元素“A”，那么它将显示小的“A”，反之亦然。。