質問するログイン新規登録

質問編集履歴

2

2019/12/30 18:46

投稿

uma110
uma110

スコア4

title CHANGED
File without changes
body CHANGED
@@ -116,5 +116,6 @@
116
116
  ここに問題に対して試したことを記載してください。
117
117
 
118
118
  ### 補足情報(FW/ツールのバージョンなど)
119
-
119
+ 別のjsファイルを作り、試したところ、普通に関数を呼び出すことができました。
120
- ここにより詳細な情報を記載しください。
120
+ firebaseのmain.jsが何か引っかかっているようです
121
+ microsoft edgeでは、main.jsでもできたのに対して、chromeでローカルサーバーで動かしてみると、上記のような事になるところまでは発見しましたが、それ以上はよく分かりません。

1

ソースコードを載せました

2019/12/30 18:46

投稿

uma110
uma110

スコア4

title CHANGED
File without changes
body CHANGED
@@ -31,11 +31,86 @@
31
31
  ```
32
32
 
33
33
  ### 該当のソースコード
34
+ <!DOCTYPE html>
35
+ <html lang="ja">
34
36
 
35
- ```ここに言語名を入力
37
+ <head>
36
- ソースコード
38
+ <meta charset="utf-8">
39
+ <meta name="viewport" content="width=device-width, initial-scale=1">
37
- ```
40
+ <title>NoteWeb-App</title>
38
41
 
42
+ <!-- call jquery frame -->
43
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
44
+
45
+ <!-- update the version number as needed -->
46
+ <script defer src="/__/firebase/7.6.0/firebase-app.js"></script>
47
+ <!-- include only the Firebase features as you need -->
48
+ <script defer src="/__/firebase/7.6.0/firebase-auth.js"></script>
49
+ <script defer src="/__/firebase/7.6.0/firebase-database.js"></script>
50
+ <script defer src="/__/firebase/7.6.0/firebase-messaging.js"></script>
51
+ <script defer src="/__/firebase/7.6.0/firebase-storage.js"></script>
52
+ <!-- initialize the SDK after all desired features are loaded -->
53
+ <script defer src="/__/firebase/init.js"></script>
54
+
55
+ <script type="text/javascript" src='main.js'></script>
56
+
57
+ </head>
58
+
59
+ <body>
60
+ <h1>Hello</h1>
61
+ <div id="user-name">No-User</div>
62
+ <input id="login-button" type="image" src="UI/signinImage.png" alt="LOGIN">
63
+ <br>
64
+ <input id="opennote-button" type="button" onclick="openNote()" value="Open Note">
65
+ </body>
66
+
67
+ </html>
68
+
69
+ ------------------------------------------------------------------
70
+ var signinCompleted = false;
71
+
72
+ function openNote() {
73
+ console.log("open judge -> "+signinCompleted)
74
+ if (signinCompleted) {
75
+ location.href = "./note.html";
76
+ }else{
77
+ console.log("Signin if you want to open note");
78
+ }
79
+ }
80
+
81
+ window.onload = function () {
82
+ var loginButton = document.getElementById("login-button");
83
+ var username = this.document.getElementById("user-name");
84
+
85
+ loginButton.addEventListener("click", event => {
86
+ var provider = new firebase.auth.GoogleAuthProvider();
87
+ this.console.log("aaa");
88
+ firebase.auth().signInWithPopup(provider).then(function (result) {
89
+ console.log("func on");
90
+ signinCompleted = true;
91
+ username.innerHTML = result.user.displayName;
92
+ // This gives you a Google Access Token. You can use it to access the Google API.
93
+ var token = result.credential.accessToken;
94
+ // The signed-in user info.
95
+ var user = result.user;
96
+ })
97
+ .catch(function (error) {
98
+ console.log(error);
99
+ // Handle Errors here.
100
+ var errorCode = error.code;
101
+ var errorMessage = error.message;
102
+ // The email of the user's account used.
103
+ var email = error.email;
104
+ // The firebase.auth.AuthCredential type that was used.
105
+ var credential = error.credential;
106
+ // ...
107
+ });
108
+ });
109
+ };
110
+
111
+
112
+
113
+
39
114
  ### 試したこと
40
115
 
41
116
  ここに問題に対して試したことを記載してください。