Question

嘿伙计们，我在这里做错了什么？对不起，如果以前发过这个帖子，但我找不到表格输入的好例子。

谢谢。

我真的不明白为什么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();
}

Answer 1

你需要做

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

调用output.value.toUpperCase()不会更改output.value属性，它只返回一个新字符串（忽略事件侦听器编辑的值return）。

java脚本以输入形式大写字母

1 个答案: