2017-12-19 6 views
0

私はここで間違っていますか?これが前に投稿されてしまったのは残念ですが、フォーム入力の良い例は見つかりませんでした。Javaスクリプトは入力フォームの文字を大文字にします

ありがとうございます。

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(); 
} 
+0

https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform –

+0

return output.value = output.value.toUpperCase(); – sinisake

答えて

1

あなたは

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

output.valueプロパティを変更しないoutput.value.toUpperCase()を呼び出して実行する必要がありますが、それだけで新しい文字列(と無視されるイベントリスナによってエド値return)を返します。

関連する問題