[JavaScript]グローバル変数の値が変わらない

Question

前提・実現したいこと

グローバル変数として定義した変数countをinput関数の中で書き換えて、その書き換えた値をinit関数に反映させたい

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

init関数でcountが書き換えられてない。inputのif(count==0)を一回も通らないのでそもそもinput関数内のcountは別のものになっている気がします

該当のソースコード

var count=0;

function input(){
	document.querySelector("#seatTypeList :nth-child(2) .seatListItemInner").click(); 
    var select = document.querySelector(".productQuantity select");
    select.options[1].selected = true;
	if(count==0){
		count++;
	    document.querySelector(".buttonSet li:not([style='display: none;']) a").click(); 
	}

function init(){

chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab){
   if(tab.url.includes("https://sssss/sssss")){
	 if (changeInfo.status === 'complete'){
			chrome.scripting.executeScript({
			    target: { tabId: tab.id },
				function:input
			});
			console.log(count)
		}
   }
});
}

chrome.action.onClicked.addListener(function(tab) {
	init();
});

					

Comments

[itagagaki]

そもそもinitやinputは呼ばれているんですか？

[ryoma26]

はい、呼ばれています

[itagagaki]

提示のコードを実行しようとすると
missing ) after argument list
というエラーが出ます。確認してください。

[ryoma26]

修正したのでもう一度お願いいたします。

Answer 1

バックグラウンドスクリプトから、コンテンツスクリプトをタブにインジェクションして実行しているのですね？

バックグラウンドスクリプトとコンテンツスクリプトは別の空間なのでお互いのグローバル変数に直接アクセスはできないと思います。

お互いのデータのやり取りには通信が必要です。下記ドキュメントの「バックグラウンドスクリプトとの通信」のところを読んでみてください。

バックグラウンドスクリプトとの通信

実行するコンテンツスクリプトとして実行する関数にargsプロパティで値を渡すことは可能です。返値を取得することもできますがちょっと複雑です。

https://developer.chrome.com/docs/extensions/reference/scripting/#runtime-functions

やっぱりインジェクションした後通信する方が素直かなと思います。

Comments

[ryoma26]

なるほど！ありがとうございます。このソースでいうとバックグラウンドがinit()、コンテントスクリプトがinput()ということでしょうか？

[itagagaki]

そういうことだと思います。

[ryoma26]

ありがとうございます。

[itagagaki]

ちょっと追記しました。