Translate gapi-rendered Google Sign-In button text programmatically

gapi-signin-translate.js

/** Utility function to change the text of a gapi-rendered Google Sign-In button */
function translateSignin(id, signinText, signedinText) {
	const spans = document.getElementById(id).querySelectorAll('.abcRioButtonContents span');
	
	if (spans.length !== 2) {
		throw new Error(`Incorrect amount of sign-in span children (${spans.length} != 2)`);
	}
	
	spans.forEach(span => {
		span.innerHTML = span.innerHTML.replace(/^Sign in with Google$/, signinText);
		span.innerHTML = span.innerHTML.replace(/^Signed in with Google$/, signedinText);
	})
}


// Usage:
gapi.signin2.render('google-signin', {
	// see https://developers.google.com/identity/sign-in/web/build-button
});

// Wait for render
setTimeout(() => translateSignin('google-signin', 'Inloggen met Google', 'Ingelogd met Google')); // translated to Dutch