JavaScript
webdesign_LiLA

javascriptでの文字列処理

javascriptで文字列に対して様々な処理を行います。

このプログラム

1.「Click」をクリックすると関数発動
2.入力を求められる
3.何か入力する(半角英語)
4.入力値をすべて小文字に直す
5.頭文字だけ大文字にする
6.ウィンドウに出力

no3.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Number guessing game</title>
</head>

<body>

  <div class="get">Click</div>

  <script>
    //getクラスを取得
    var get = document.querySelector('.get');

    //getをクリックすると発動
    get.onclick = function() {
      //'What your name?'と入力ボックスが表示される
      var name = prompt('What your name?');

      //入力された文字をすべて小文字に変換
      var name = name.toLowerCase();

      //頭文字を大文字に変換
      var name = name.replace(name[0],name[0].toUpperCase())

      //ウィンドウで出力
      alert(name)
    }
    </script>
  </body>
  </html>