html script間の値受け渡しについて

前提・実現したいこと

超初心者です。

body内のscriptで取得した値を、
body外のscriptに値を受け渡したいです。

発生している問題・エラーメッセージ

 Uncaught ReferenceError: tempJson is not defined

該当のソースコード

<body> <script> function queryCoreReportingApi(profileId) { // Query the Core Reporting API for the number sessions for // the past seven days. gapi.client.analytics.data.ga.get({ 'ids': 'ga:' + profileId, 'start-date': '7daysAgo', 'end-date': 'today', 'dimensions': 'ga:eventCategory,ga:eventAction,ga:eventLabel', 'metrics': 'ga:totalEvents' }) .then(function(response) { var formattedJson = JSON.stringify(response.result, null, 2); tempJson = JSON.parse(formattedJson);

        console.log(tempJson.rows);
    })
    .then(null, function(err) {
        // Log any errors.
        console.log(err);
    });
    }

    // Add an event listener to the 'auth-button'.
    document.getElementById('auth-button').addEventListener('click', authorize);
    </script>

</body> <script type="text/javascript"> GAdata = tempJson; </script> <script src="app1.js"></script>

ソースコード　html

### 試したこと

グローバル変数にすれば、できると思ったのですが出来ませんでした。

### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

miyabi_pudding

2020/09/03 10:53

グローバル変数の参照とはあまり関係ありませんが、 bodyの外側にscriptを配置してはいけません。 https://ja.stackoverflow.com/questions/41597/scriptタグを-bodyタグの後ろに記述しても良い（そもそもブラウザの解釈で強制的にbody内に移動される）

4glte

2020/09/04 01:10

そうなのですね！　そのようにプログラムを修正します！　ありがとうございます！

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

回答1件

ベストアンサー

質問者さんの書いている通り、グローバル変数を使えば可能です。
ただし、queryCoreReportingApi の中で値をセットしているので、そこが実行されるまでの間はundefinedになっていることにご注意ください。

        <script>  
        // グローバル変数
        var GAdata;

        function queryCoreReportingApi(profileId) {  
            // Query the Core Reporting API for the number sessions for  
            // the past seven days.  
            gapi.client.analytics.data.ga.get({  
            'ids': 'ga:' + profileId,  
            'start-date': '7daysAgo',  
            'end-date': 'today',  
            'dimensions': 'ga:eventCategory,ga:eventAction,ga:eventLabel',  
            'metrics': 'ga:totalEvents'  
            })  
            .then(function(response) {  
            var formattedJson = JSON.stringify(response.result, null, 2);  
            GAdata = JSON.parse(formattedJson);
            
            console.log(GAdata.rows);  
            })  
            .then(null, function(err) {  
            // Log any errors.  
            console.log(err);  
            });  
        }  
        
        // Add an event listener to the 'auth-button'.  
        document.getElementById('auth-button').addEventListener('click', authorize);  
        </script>  
        </body>  
        <script src="app1.js"></script>

投稿2020/09/03 09:08