Javascript java脚本将输入表单中的字母大写_Javascript_Capitalize

Javascript java脚本将输入表单中的字母大写

javascript

Javascript java脚本将输入表单中的字母大写,javascript,capitalize,Javascript,Capitalize,嘿，伙计们，我做错什么了？？很抱歉，如果之前已经发布过，我无法找到一个好的表单输入示例多谢各位我真的不明白为什么output.value.toUpperCase（）不起作用，或者toUpperCase（output.value）不起作用 <html> <head> <link href="https://fonts.googleapis.com/css?family=Barlow" rel="stylesheet">

嘿，伙计们，我做错什么了？？很抱歉，如果之前已经发布过，我无法找到一个好的表单输入示例

多谢各位

我真的不明白为什么output.value.toUpperCase（）不起作用，或者toUpperCase（output.value）不起作用

    <html>
      <head>
        <link href="https://fonts.googleapis.com/css?family=Barlow" rel="stylesheet">
      </head>
      <body>

    <h1 id="title">Capitalize a String</h1>
        <form>
          <input type="text" id="entry" placeholder="Enter a string to be capitalized">
        </form>

        <h1 id="title">Output</h1>

        <form>
          <input type="text" id="output" placeholder="Output">
        </form>

        <div id="goBtn">
          <h1 id="goBtnText">
            GO
          </h1>
        </div>
      </body>
    </html>



var goBtn = document.getElementById('goBtn');
var entry = document.getElementById('entry');
var output = document.getElementById('output');

goBtn.addEventListener('click', capitalizeStr);

function capitalizeStr () {
   output.value = entry.value;

  return output.value.toUpperCase();
}


将字符串大写
输出
去
var goBtn=document.getElementById（'goBtn'）；
var entry=document.getElementById（'entry'）；
var output=document.getElementById（'output'）；
goBtn.addEventListener（'click'，大写字母STR）；
函数{
output.value=entry.value；
返回output.value.toUpperCase（）；
}

您需要执行以下操作

function capitalizeStr () {
   output.value = entry.value.toUpperCase();
}

调用

output.value.toUpperCase（）

不会更改

output.value

属性，它只会返回一个新字符串（并且忽略事件侦听器调用的值

return

）。

返回output.value=output.value.toUpperCase（）；