javascriptでテキストが表示されない(document.getElementById("id").innerHTML )

###前提・実現したいこと
はじめまして。javascript初学者です。
大変初歩的かつ理解がとぼしい質問で恐れ多いのですが、
document.writelnが使えなくなるということで
下記書き方をしたのですが、どちらの書き方もテキストが表示されません。
コンソールをみてもエラーメッセージなく、どうしてだ…となっております。
もしよろしければどこがまちがっているかを教えていただけましたら幸いです。
よろしくお願いいたします。

###発生している問題・エラーメッセージ
画面になにも表示されない

なし

###該当のソースコード


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>関数リテラルとFunctionコンストラクタの挙動</title>
</head>
<body>

<div id ="text"></div>

<script>
var scope = 'Global Variable';

function checkScope(){
	var scope = 'Local Variable';

	var f_lit = function(){return scope;};
	document.getElementById("text").innerHTML = (f_lit());

	var f_con = new function(){'return scope;'};
	document.writeln(f_con());
}

</script>
</body>
</html>

###試したこと
どっちの書き方でもでないってことは関数の書き方がまちがっているのかな、と思って２パターン書きました。

###補足情報(言語/FW/ツール等のバージョンなど)
グーグルクロームでみています。

行動規範の内容に同意します

回答2件

ベストアンサー

単にcheckScope();を実行していないのではないかと
以下のようにしたらできましたよ。

html
1<body>
2
3<div id ="text"></div>
4
5<script>
6var scope = 'Global Variable';
7
8function checkScope(){
9    var scope = 'Local Variable';
10
11    var f_lit = function(){return scope;};
12    document.getElementById("text").innerHTML = (f_lit());
13}
14checkScope();
15</script>
16</body>

投稿2016/10/23 23:12

popobot

総合スコア6586

退会済みユーザー

2016/10/24 13:54

icchiiさまお返事ありがとうございます。大変恐縮なのですが、 checkScope(); は、PHPでいう var_dump()やprint_r()と同じような役割、という理解で大丈夫でしょうか。ググって調べても出てこなく、ふたたび質問させていただきました。もしよろしければご回答いただけましたら幸いです。

popobot

2016/10/24 20:15

checkScope();は、chiinosukeさんが書いたコードに定義されたjavascriptの関数ですよ。ご自分のコードを良く見てください。function checkScope() {} とあります。これは定義なので、実際に動かすためには実行する必要がありますので、checkScope();と書く必要があります。

退会済みユーザー

2016/10/24 21:41

icchiiさま誠にはずかしい質問をしてしまいました...そうですよね、それなのに、丁寧にお返事くださいまして、誠にありがとうございます。おかげさまで学習がすすめられます。icchiiさま、誠にありがとうございました。

行動規範の内容に同意します

関数の定義と呼び出し
もしかしてこういうこと？
関数を作っただけでそれを発動してないみたいな感じとか？
そのコードでやってるのは、checkScopeと言う関数が存在してるということを知らせただけで
使ってはいません。
checkScope()と言うことをし、これを使ってくださいって言う必要があります。

https://jsfiddle.net/8e6gstmv/

投稿2016/10/24 14:13

編集2016/10/24 14:46