初めてJavaScriptをやってみよー日記 ~3日目~

javascriptを学習した時の記録としてブログを書いていきます。

内容

  • confirm()
  • prompt()
  • console.log()

confirm()

“はい"と"キャンセル"のついたアラートを表示し、"はい"ならTrue、"キャンセル"ならFalseを返り値として返します。 確認をするときなどに使います。

if (confirm("確認")) {
    document.write("OK");
} else {
    document.write("NO");
}

確認画面

f:id:yojiyama7:20170914043056p:plain

はいを押した場合

f:id:yojiyama7:20170914043229p:plain

いいえを押した場合

f:id:yojiyama7:20170914043201p:plain

prompt()

文字を入力する欄のあるアラートを表示し、入力された文字列を返り値として返します。 文字列を入力して欲しい時に使います。

var ans = prompt("名前を入力してください");
document.write(ans);

文字列を入力してOKを押した場合 f:id:yojiyama7:20170914052448p:plain

f:id:yojiyama7:20170914052410p:plain

キャンセルを押した場合

f:id:yojiyama7:20170914052708p:plain

  • 文字列を入力しなかった場合は なにも表示されません。

console.log()

コンソール(ログやエラーなどが見れる場所?)にログを表示します。 デバッグ(バグ修正)や確認用などに使います。たぶん。

console.log("test log")

f:id:yojiyama7:20170914053527p:plain

macOSでブラウザがgooglechromeの場合、[右クリック→検証→console]で見ることができます。