文字列出力 document.writeとかinnerHTMLとかalertとかconsole.logとか

JavaScriptでメッセージなどの文字列を出力する方法のまとめ

htmlのページの一部として出力するパターン

その1 document.writeを使ったサンプル

<p>document.writeを使って文字列を出力↓</p>
<p><script>
document.write("document.writeのHello World");
</script></p>

 

その2idとinnerHTMLを使ったサンプル

<p>idとinnerHTMLを使って文字列を出力↓</p>
<p><div id="t1"></div><p>
<script>
document.getElementById("t1").innerHTML = "idとinnerHTMのHello world!!";
</script>

 

ポップアップメッセージとして出力するパターン

その1 alertでメッセージボックスを出力するサンプル

alert("hogehoge"); 

 

その2 confirmを使ってユーザーに問い合わせするサンプル

// confirmを使ってユーザーに問い合わせ 
var result = window.confirm('何か食べに行きますか?');

// 問い合わせ結果に応じて処理を分岐
if(result){
    document.write("美味しいものを食べに行こう!");
} else {
    document.write("お腹が空いたら美味しいものを食べに行こう!");
}

デバッグ中のメッセージ出力

chromeのF12キーでデバッグモードに切り替え後、Consoleウインドウに文字列を出力する。

var msg = "Consoleウインドウに文字列が表示されます";
console.log(msg);