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

2019/4/26 文字列・String

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

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

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

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

　

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

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

　

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

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

alert("hogehoge");　

　

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

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

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

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

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

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