外部jsファイルから別のjsで定義した変数を使う

お疲れ様です。

このファイルで定義している「is_logined」変数を読み込んでいる
a.jsで更新しているつもりなのですが、更新できていません。。。。

そもそもこのような使用方法は無理があるのでしょうか。

a.jsでtrueになっていほしいのですが、更新されていません。（※console.ligで確認しました。）

html
1<html lang='ja'>
2
3<head>
4    <meta charset='UTF-8'>
5    <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css'>
6    <link rel='stylesheet' href='common/assets/css/custom.css'>
7    <title></title>
8</head>
9
10<body>
11    <script type="text/javascript">
12        var_is_logind = false; ←グローバル変数？？？
13    </script>
14    <script src='https://code.jquery.com/jquery-3.3.1.min.js'></script>
15    <script src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js'></script>
16    <script src='https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js'></script>
17    <script src='common/assets/js/a.js'></script>
18    <script src='common/assets/js/b.js'></script>
19    <script src='common/assets/js/c.js'></script>
20
21    <script>
22        $(function() {
23            // ログインフラグ
24            if (is_logind == false) {
25                // 何らかの処理
26            }
27        });
28    </script>
29</body>
30
31</html>

js
1// ログイン
2$(function() {
3    // ログインボタン押下時
4    $(document).on('click', '#login', function() {
5        // フラグを更新
6        is_logined = true;
7    });
8});