###前提
「果物A」「果物B」のボタンを押した際に、関数の中に「console.log」を記述した場合は「fruitType」の値が下記の通り参照できます。
「果物A」ボタンをクリック ⇒ 「赤りんご」が表示される
「果物B」ボタンをクリック ⇒ 「青りんご」が表示される
しかし、関数の外に「console.log」を記述した場合は値が参照されません。
ボタンを押しても、最初の「var fruitType = '';」が上書きされていないような気がします。
html
1<button onclick="judgeFruit('apple', 'red');">果物A</button><br> 2<button onclick="judgeFruit('apple', 'green');">果物B</button>
JavaScript
1var fruitType = ''; 2function judgeFruit(fruit, color){ 3 if(fruit === 'apple' && color === 'red'){ 4 fruitType = '赤りんご'; 5 } else if (fruit === 'apple' && color === 'green'){ 6 fruitType = '青りんご'; 7 } 8 console.log(fruitType); //【表示される】果物Aボタン⇒赤りんご、果物Bボタン⇒青りんご 9} 10console.log(fruitType); //【表示されない】ボタンを押しても「赤りんご、青りんご」が表示されない
これはどういったことが原因なのでしょうか?
また関数外で「fruitType」の値を参照するにはどのように記述をしたら良いでしょうか?
どうぞよろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/07/17 07:43
2017/07/17 10:04
2017/07/17 14:13
2017/07/17 15:05
2017/07/18 06:32