こんにちは
現在、javascript勉強中です
スコープの概念についてどうしてもわからないことがあるので質問させて頂きます。
グローバル変数が保持する値はプログラムが終了するまで保持される
ローカル変数は関数が実行されるたびに初期化される
グローバル変数とローカル変数の特性を踏まえて動作検証行ってます。
script①とscript②の違いは下記部分の記述が外側か内側にあるかの違いです
var btn = document.getElementById("cntBtn");
しかし、script①とscript②の処理結果が同じになってしまいます。
script①とscript②の違いがイマイチわからないのでどなたかご教示いただけないでしょうか。
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4<meta charset="UTF-8"> 5<title>関数を使用して押した回数だけカウントする</title> 6</head> 7<body> 8 <input type="button" id="cntBtn" value="カウントボタン 0" onclick="onBtn()"> 9 <script> 10 var count = 0; 11 var btn = document.getElementById("cntBtn"); 12 function onBtn(){ 13 count++; 14 btn.value = "カウントボタン" + count; 15 } 16 </script> 17</body> 18</html>
javascript①
javascript
1 <script> 2 var count = 0; 3 var btn = document.getElementById("cntBtn"); 4 function onBtn(){ 5 count++; 6 btn.value = "カウントボタン" + count; 7 } 8 </script>
javascript②
javascript
1 <script> 2 var count = 0; 3 function onBtn(){ 4 var btn = document.getElementById("cntBtn"); 5 count++; 6 btn.value = "カウントボタン" + count; 7 } 8 </script>
回答4件
あなたの回答
tips
プレビュー