Javascript 单击按钮时，输入文本需要更改大小写。为此创建JS时遇到问题_Javascript_Html_Onclick_Uppercase_Lowercase

Javascript 单击按钮时，输入文本需要更改大小写。为此创建JS时遇到问题

javascript html

Javascript 单击按钮时，输入文本需要更改大小写。为此创建JS时遇到问题,javascript,html,onclick,uppercase,lowercase,Javascript,Html,Onclick,Uppercase,Lowercase,我需要创建两个输入文本框，当单击大写按钮时，输入文本以大写返回，当单击小写按钮时，输入文本以小写返回。例如： Text: SuNsHiNe ToDaY (upper case button)= SUNSHINE TODAY (lower case button)= sunshine today 我已经在下面粘贴了html代码，需要帮助创建JS代码：短语：我认为只使用Jquery不需要使用任何外部js 您需要使用toLowerCase（）和toUpperCase（）这是jsbin的

我需要创建两个输入文本框，当单击大写按钮时，输入文本以大写返回，当单击小写按钮时，输入文本以小写返回。例如：

Text: SuNsHiNe ToDaY

(upper case button)= SUNSHINE TODAY
(lower case button)= sunshine today

我已经在下面粘贴了html代码，需要帮助创建JS代码：


短语：

我认为只使用Jquery不需要使用任何外部

js

您需要使用

toLowerCase（）

和

toUpperCase（）

这是jsbin的示例，请看：


函数上限（）
{
var uc=document.getElementById（'input1'）。值；
document.getElementById（'input1'）。value=uc.toUpperCase（）；
}
函数下限（）
{
var lc=document.getElementById（'input1'）。值；
document.getElementById（'input1'）。value=lc.toLowerCase（）；
}
短语：

这个代码对我来说非常适合

<!doctype html>
<html>
<head>
    <script >
    function toUpper(){

        var obj = document.getElementById("input1");
        var str = obj.value;
        var res = str.toUpperCase();
        obj.value = res;
    }
    function toLower(){

        var obj = document.getElementById("input1");
        var str = obj.value;
        var res = str.toLowerCase();
        obj.value = res;
    }

    </script>
</head>
<body>
    <form action="demo_form.asp" id="demo_form">
  Phrase:
  <input type="text" id="input1" name="changeCase" placeholder="Put Phrase Here">
  <br>
  <input type="button" id="btn1" onClick='toUpper()' value="upperCase";">
  <input type="button" id="btn2" onClick='toLower()' value="lowerCase">
</form>
</body>
</html>


函数toUpper（）{
var obj=document.getElementById（“input1”）；
var-str=对象值；
var res=str.toUpperCase（）；
obj.value=res；
}
函数toLower（）{
var obj=document.getElementById（“input1”）；
var-str=对象值；
var res=str.toLowerCase（）；
obj.value=res；
}
短语：


从我的平板电脑上书写，但我尽了最大努力！：）
纯JavaScript：
将onclick事件添加到按钮：
<input type="button" onclick="toupp()" id="btn1" value="upperCase";">

使用toLowerCase（）和toUppercase（）方法…@BhojendraNepal那是什么？我知道我要用它来创建一个代码，但我不确定具体是如何创建的
<input type="button" onclick="toupp()" id="btn1" value="upperCase";">

    <script>
var toupp = function(){
var text = document.getElementById("input1").value;
document.getElementById("input1").value = text.value.toUpperCase();
}



and the other function:

var tolow = function(){
var text = document.getElementById("input1").value;
document.getElementById("input1").value = text.toLowerCase();
}

</script>